.van-nav-bar {
    background-color: #293356;
}
.floatingRp{
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 99999999;
    padding: 16px
}

.floatingRp .closeIcon{
    position: absolute;
    font-size: 30px;
    z-index: 999999999;
    color: #fff;
    font-weight: 600;
    top: 30px;
    left: 4vw
}

.floatingRp img{
    width: 100%;
    height: 64px
}

.floatingRp .floatingItem{
    position: relative
}

.floatingRp .item{
    position: absolute;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 430px;
    left: 50%;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    margin-left: -24vw
}

.floatingRp .item span{
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 20px
}

#app {
    background: #293356;
    width: 100%;
    height: 100%
}

#app .initLoading {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(27,35,61,.9)
}

#app .initLoading img {
    width: 10.4vw;
    height: 5.6vw
}

#app .van-tabbar-item--active .gradient {
    background: linear-gradient(137deg,#7146ff 1%,#4a69ff 99%);
    -webkit-background-clip: text;
    color: transparent
}

#app .van-tabbar-item--active .icon-icon_nav_bet_bill_nor,#app .van-tabbar-item--active .icon-icon_nav_chatroom_nor,#app .van-tabbar-item--active .icon-icon_nav_game_nor,#app .van-tabbar-item--active .icon-icon_nav_gift_nor,#app .van-tabbar-item--active .icon-icon_nav_my_nor {
    zoom:1.2;overflow: unset
}

#load {
    width: 160vw;
    left: 50%;
    top: 40%;
    margin-left: -80vw;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

#load,#load div {
    position: absolute;
    height: 9.6vw
}

#load div {
    width: 20px;
    font-size: 4.30px;
    opacity: 0;
    font-family: Helvetica,Arial,sans-serif;
    animation: move 2s linear infinite;
    -o-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-animation: move 2s linear infinite;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    color: #35c4f0
}

#load div:nth-child(2) {
    animation-delay: .2s;
    -o-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s
}

#load div:nth-child(3) {
    animation-delay: .4s;
    -o-animation-delay: .4s;
    -webkit-animation-delay: .4s
}

#load div:nth-child(4) {
    animation-delay: .6s;
    -o-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .6s
}

#load div:nth-child(5) {
    animation-delay: .8s;
    -o-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -webkit-animation-delay: .8s
}

#load div:nth-child(6) {
    animation-delay: 1s;
    -o-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s
}

#load div:nth-child(7) {
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    35% {
        left: 41%;
        transform: rotate(0deg);
        opacity: 1
    }

    65% {
        left: 59%;
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        left: 100%;
        transform: rotate(-180deg);
        opacity: 0
    }
}

@-webkit-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    35% {
        left: 41%;
        transform: rotate(0deg);
        opacity: 1
    }

    65% {
        left: 59%;
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        left: 100%;
        transform: rotate(-180deg);
        opacity: 0
    }
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.horizontal-scroll-wrapper[data-v-09d872c2] {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}

.custom-scrollbar-content[data-v-09d872c2] {
    max-width: none
}

.custom-horizontal-scrollbar[data-v-09d872c2] {
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 32px;
    height: .30px;
    background: #293356;
    border-radius: .533333vw;
    border-radius: 6px;
    transform: translateX(-50%) translateZ(0)
}

.custom-horizontal-indicator[data-v-09d872c2] {
    height: 100%;
    width: 14px;
    border-radius: 6px;
    background-color: #9aadeb
}

.announcementDialog {
    width: 91.466667vw
}

.announcementDialog .dialogMian {
    width: 100%
}

.announcementDialog .dialogMian .didalogHeader {
    width: 91.466667vw;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: #1c233d;
    text-align: center;
    font-weight: 500;
    position: relative
}

.announcementDialog .dialogMian .didalogHeader .close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bolder
}

.announcementDialog .dialogMian .didalogHeader:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.announcementDialog .dialogMian .announce-panel-wp {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1b233d;
    height: 320px;
    width: 91.466667vw
}

.announcementDialog .dialogMian .announce-panel-wp .tab-wp {
    width: 25.6vw;
    height: 320px;
    overflow-y: auto
}

.announcementDialog .dialogMian .announce-panel-wp .tab-wp .tab {
    width: 100%;
	padding: 5px 0;
    position: relative;
}

.announcementDialog .dialogMian .announce-panel-wp .tab-wp .tab:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.announcementDialog .dialogMian .announce-panel-wp .tab-wp .tab .tab-name {
    display: inline-block;
	padding: 0 4px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #90a2dc;
    text-align: center;
    font-weight: 400;
	width: 100%;
	box-sizing: border-box;
	word-break: break-all;
}

.announcementDialog .dialogMian .announce-panel-wp .tab-wp .tab.active {
    background: #293356
}

.announcementDialog .dialogMian .announce-panel-wp .tab-wp .tab.active .tab-name {
    border-left: .533333vw solid #e9cfa4;
    color: #e9cfa4
}

.announcementDialog .dialogMian .announce-panel-wp .announceDetail {
    min-width: 410px;
    flex: 1;
    height: 100%;
    overflow-y: auto;
    padding: 12px;
    color: #dcdcdc;
    line-height: 4.30px;
    position: relative;
    background: #2a3356
}

.announcementDialog .dialogMian .announce-panel-wp .announceDetail .head {
    width: 100%;
    position: relative
}

.announcementDialog .dialogMian .announce-panel-wp .announceDetail .head .back {
    position: absolute;
    top: 0;
    right: 0;
    width: 16vw;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #e9cfa4;
    border-radius: 10px;
    color: #e9cfa4;
    font-size: 10px
}

.announcementDialog .dialogMian .announce-panel-wp .announceDetail .head .title {
    width: 410px;
    font-size: 13px;
    color: #f9f9f9;
    font-weight: 500;
    height: 4.30px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.announcementDialog .dialogMian .announce-panel-wp .announceDetail .head .time {
    height: 4.533333vw;
    font-size: 12px;
    color: #f9f9f9;
    font-weight: 400
}

.announcementDialog .dialogMian .announce-panel-wp .announceDetail .body {
    margin-top: 5px;
    font-size: 12px;
    color: #f9f9f9;
    text-align: justify;
    font-weight: 400
}

.announcementDialog .dialogMian .announce-panel-wp .announceContent {
    flex: 1;
    min-width: 160px;
    height: 100%;
    overflow-y: auto;
    background-color: #293356
}

.announcementDialog .dialogMian .announce-panel-wp .announceContent .tab-content-wp {
    padding: 13px;
    min-width: 0;
    position: relative
}

.announcementDialog .dialogMian .announce-panel-wp .announceContent .tab-content-wp:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.announcementDialog .dialogMian .announce-panel-wp .announceContent .tab-content-wp .content-wp .content-title-wp .title {
    font-size: 13px;
    color: #f9f9f9;
    font-weight: 500;
    height: 18px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.announcementDialog .dialogMian .announce-panel-wp .announceContent .tab-content-wp .content-wp .content-title-wp .time {
    height: 18px;
    font-size: 12px;
    color: #f9f9f9;
    font-weight: 400
}

.announcementDialog .dialogMian .announce-panel-wp .announceContent .tab-content-wp .content-wp .content {
    font-size: 12px;
    color: #f9f9f9;
    text-align: justify;
    line-height: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.downloadsticky{
    height: 48px;
    background: #90a2dc;
    box-shadow: 0 .533333vw 4px 0 rgba(0,0,0,.5)
}

.downloadsticky .item{
	width: 100%;
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.downloadsticky .item .left,.downloadsticky .item .middle,.downloadsticky .item .right{
    height: 48px
}

.downloadsticky .item .left{
    width: 14px;
    font-size: 12px
}

.downloadsticky .item .middle{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
	border: 0;
	color: #FFFFFF;
}

.downloadsticky .item .middle i{
    padding: 0 8px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 6.933333vw
}

.downloadsticky .item .right{
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px
}

.downloadSticky-enter-active,.downloadSticky-leave-active{
    transition: all 1s ease
}

.downloadSticky-enter,.downloadSticky-leave-to{
    height: 0;
    overflow: hidden
}

.downloadSticky-transition{
    height: 48px;
    overflow: hidden;
    transition: height 1s
}

.gameListBox{
    padding-top: 8px;
    width: 100%
}

.gameListBox .funcBox{
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    color: #fff;
    font-size: 12px
}

.gameListBox .funcBox .name{
    position: relative;
    display: inline-block;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    background-image: linear-gradient(270deg,#4a69ff,#7146ff);
    border-radius: .533333vw 0 0 .533333vw
}

.gameListBox .funcBox .name img{
    width: 10px;
    height: 20px;
    position: absolute;
    right: -2.4vw
}

.gameListBox .funcBox .filter{
    font-size: 12px;
    color: #90a2dc
}

.gameListBox .funcBox .filter .dropDownIcon{
    margin-left: .30px;
    position: relative;
    top: .533333vw
}

.gameListUl{
    margin: 12px 0 16px 0;
    padding: 8px 12px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: #35416d
}

.gameListUl li{
	width: 33.33%;
	padding: 8px;
    position: relative;
    box-sizing: border-box;
    border-radius: 12px;
    padding-top: 5px;
    text-align: center;
}
.gm-box{
    display: inline-block;
    text-align: center;
	padding: 6px;
    box-shadow: 0 .533333vw 6px 0 rgba(0,0,0,.09)
}

.gameListUl li img{
    width: 82px;
    height: 82px
}

.gameListUl li .countDownBox{
    position: absolute;
    left: 4px;
    top: 4px;
    display: flex;
    height: 12px;
    width: 11.2vw;
    background-color: #fff;
    border-radius: 25px;
    color: #fe7373;
    padding: 0 4px
}

.gameListUl li .countDownBox .icon-icon_clock{
    font-size: 12px;
    display: inline-block;
    transform: scale(.5);
    margin-left: -.533333vw
}

.gameListUl li p{
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    margin-top: 20px;
    color: #293356;
    text-align: center;
    font-weight: 600;
    background-image: radial-gradient(50% 100%,#fff 0,transparent 100%)
}

.gameListUl li .betNow{
    position: absolute;
    bottom: -.533333vw;
    right: 0;
    height: 6.933333vw;
    width: 100%
}
.game-panel{
	padding: 10px;
	margin-top: 10px;
	background: #35416d;
}
img{
	max-width: 100%;
}
.lvsport-list li{
	margin-bottom: 10px;
	font-size: 0;
}
.lvsport-list li img{
	border-radius: 6px;
}
.lvsport-list li:last-child{
	margin-bottom: 0;
}



.popoverItem{
    padding: 8px 16px;
    font-size: 12px;
    text-align: center
}

.playsBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	
}
.allGameSelect .playsBox{
    padding: 0 5px 30px 5px;
}
.allGameSelect .funcBox{
	margin-bottom: 10px;
}
.playsBox li{
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	padding: 8px;
}
.playsBox li  .playbox-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 60px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    background-color: #35416d;
    box-shadow: 0 .533333vw 4px 0 rgba(0,0,0,.2);
    box-sizing: border-box;
    overflow: hidden
}

.playsBox li.isNonPeriodic{
    padding: 0 8px
}

.playsBox li:nth-of-type(3n) {
    margin-right: 0!important
}

.playsBox li.active .playbox-item{
    background-color: #90a2dc
}

.playsBox li .van-count-down{
    color: #fff;
	line-height: 1;
    font-size: 12px
}
.playbox-item .label{
	margin-bottom: 6px;
}

.nextOpen{
    margin-top: 5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.slotAndFish{
    position: relative
}

.slotAndFish .title{
    width: 100%;
    height: 32px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    background-size: cover
}

.slotAndFish .title.slot{
    background-image: url(../images/img_title_slots.png)
}

.slotAndFish .title.fish{
    background-image: url(../images/img_title_fish.png)
}

.slotAndFish .title .name{
    font-size: 16px;
    color: #f9f9f9;
    text-shadow: 0 0 4px hsla(0,0%,100%,.5);
    font-weight: 500;
    position: relative
}

.slotAndFish .title .name:after {
    content: " ";
    position: absolute;
    width: 12px;
    height: 1px;
    border-radius: 1px;
    background-color: #fff;
    bottom: -.533333vw;
    left: calc(50% - 6px);
    box-shadow: 0 0 4px hsla(0,0%,100%,.5)
}

.slotAndFish .content{
    padding: 8px 16px;
    background: #35416d
}

.slotAndFish .content .thirdGame{
    width: 91.466667vw;
    height: 88px
}

.slotAndFish .content .thirdGame img{
    width: 100%;
    height: 100%
}

.slotAndFish .thirdType{
    padding-left: 16px;
    font-size: 12px;
    color: #35416d;
    font-weight: 400
}

.slotAndFish .thirdType .third_gameSelect{
    display: inline-block;
    margin-right: 8px;
    padding: 4px 12px;
    position: relative;
    border-radius: 10px;
    background: #35416d;
    color: #7583b3
}

.slotAndFish .thirdType .third_gameSelect.active{
    background: #1b233d;
    color: #fff
}

.slotAndFish .scrollList{
    margin-top: 8px
}

.slotAndFish .scrollList .horizontal-scrollbar-container .scroll-wrapper{
    position: relative;
    display: flex;
    align-content: center;
    width: 100%;
    height: 34.666667vw;
    white-space: nowrap;
    background: #35416d;
    background-image: url(../images/img_sub_bg.png);
    background-size: cover;
    overflow: hidden
}

.slotAndFish .scrollList .horizontal-scrollbar-container .scroll-content{
    display: inline-block;
    align-self: center;
    padding: 0 10px
}

.slotAndFish .scrollList .horizontal-scrollbar-container .custom-horizontal-scrollbar{
    position: absolute;
    left: 50%;
    bottom: 12px;
    width: 32px;
    height: .30px;
    border-radius: .533333vw;
    transform: translateX(-50%) translateZ(0);
    background-color: #293356
}

.slotAndFish .scrollList .horizontal-scrollbar-container .custom-horizontal-indicator{
    height: 100%;
    width: 20px;
    border-radius: 6px;
    background-color: #9aadeb
}

.slotAndFish .scrollList .horizontal-scrollbar-container .tip{
    text-align: center;
    margin-top: 10px
}

.slotAndFish .noBetterScroll{
    margin-top: 10px;
    padding: 12px 16px;
    background: #35416d
}

.slotAndFish .item,.slotAndFish .scroll-item{
    color: #fff;
    box-sizing: border-box;
    height: 22.4vw;
    width: 210px;
    margin-bottom: 12px;
    font-size: 12px;
    display: inline-block;
    text-align: center
}

.slotAndFish .item .van-image,.slotAndFish .item .van-image__error,.slotAndFish .scroll-item .van-image,.slotAndFish .scroll-item .van-image__error{
    width: 64px;
    height: 64px;
    background: none!important;
    border-radius: 8px;
    overflow: hidden
}

.slotAndFish .item img,.slotAndFish .scroll-item img{
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.slotAndFish .item p,.slotAndFish .scroll-item p{
    margin: 0 10px;
    padding-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px
}

.liveAndSports{
    position: relative
}

.liveAndSports .homeShow{
    width: 100%;
    height: 163px;
    background-size: 100% 100%
}

.liveAndSports .homeShow.live{
    background-image: url(../images/img_bg_casino.png)
}

.liveAndSports .homeShow.sports{
    background-image: url(../images/img_bg_sports.png)
}

.liveAndSports .homeShow .title{
    height: 32px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center
}

.liveAndSports .homeShow .title .name{
    font-size: 16px;
    color: #f9f9f9;
    text-shadow: 0 0 4px hsla(0,0%,100%,.5);
    font-weight: 500;
    position: relative
}

.liveAndSports .homeShow .title .name:after {
    content: " ";
    position: absolute;
    width: 12px;
    height: 1px;
    border-radius: 1px;
    background-color: #fff;
    bottom: -.2px;
    left: calc(50% - 6px);
    box-shadow: 0 0 4px hsla(0,0%,100%,.5)
}

.horizontal-scrollbar-container .scroll-wrapper{
    position: relative;
    display: flex;
    align-content: center;
    width: 100%;
    height: 130px;
    white-space: nowrap;
    overflow: hidden
}

.horizontal-scrollbar-container .scroll-content{
    display: inline-block;
    align-self: flex-start;
    padding: 10px 16px
}

.horizontal-scrollbar-container .custom-horizontal-scrollbar{
    position: absolute;
    left: 50%;
    bottom: 12px;
    width: 32px;
    height: .30px;
    border-radius: .533333vw;
    transform: translateX(-50%) translateZ(0);
    background-color: #293356
}

.horizontal-scrollbar-container .custom-horizontal-indicator{
    height: 100%;
    width: 20px;
    border-radius: 6px;
    background-color: #9aadeb
}

.horizontal-scrollbar-container .tip{
    text-align: center;
    margin-top: 10px
}

.item,.scroll-item{
    position: relative;
    color: #fff;
    box-sizing: border-box;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}

.item img,.scroll-item img{
    width: 100%;
    height: 100%;
    border-radius: 4px
}
.noBetterScroll{
    padding: 6px 16px;
    display: flex;
    flex-wrap: wrap;
    background: #35416d
}

.noBetterScroll .item{
    width: 91.466667vw;
    height: 36.266667vw;
    margin: 6px 0
}

.todayLottery{
    position: relative;
    background-image: url(../images/img_bg_lottery.png);
    background-size: 100% 100%;
    height: 51.733333vw
}

.todayLottery .title{
	line-height: 32px;
    height: 32px;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center
}

.todayLottery .title .name{
    font-size: 16px;
    color: #f9f9f9;
    text-shadow: 0 0 4px hsla(0,0%,100%,.5);
    font-weight: 500;
    position: relative
}

.todayLottery .title .name[data-v-0844648c]:after {
    content: " ";
    position: absolute;
    width: 12px;
    height: 1px;
    border-radius: 1px;
    background-color: #fff;
    bottom: -.533333vw;
    left: calc(50% - 6px);
    box-shadow: 0 0 4px hsla(0,0%,100%,.5)
}

.todayLottery .scrollList{
    position: relative
}

.todayLottery .scroll-wrapper{
    position: relative;
    display: flex;
    align-content: center;
    width: 100%;
    height: 416px;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden
}

.todayLottery .scroll-content{
    display: inline-block;
    padding: 0 10px
}
.lottery-scroll{
	margin-top: 10px;
}
.lottery-scroll .swiper-slide{
	width: 216px;
}



.todayLottery .scroll-item{
    position: relative;
    box-sizing: border-box;
    font-size: 12px;
    display: inline-block;
    text-align: left;
    margin: 0 6px;
    background-image: url(../images/carbg.png);
    background-size: cover;
    width: 216px;
    height: 144px;
    box-shadow: 0 .533333vw 4px 0 rgba(0,0,0,.2);
    border-radius: 6px;
    overflow: hidden
}

.todayLottery .lottery{
    position: relative
}

.todayLottery .lottery img{
    width: 19.733333vw;
    height: 19.733333vw
}

.todayLottery .lottery .countDownBox{
    height: 5.866667vw;
    width: 100%;
    line-height: 5.866667vw;
    color: #fff;
    text-align: center
}

.todayLottery .lottery .countDownBox .icon-icon_clock{
    font-size: 12px;
    display: inline-block;
    zoom:.9;margin-right: 4px
}

.todayLottery .lottery .countDownBox .van-count-down{
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    color: #fff
}

.todayLottery .lottery .numbers{
    width: 100%;
    height: 11.2vw;
    padding: 0 6px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    overflow: hidden
}

.todayLottery .lottery .numbers span{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 1px .30px 0 rgba(98,54,255,.25);
    border: 1px solid hsla(0,0%,100%,.25);
    box-sizing: border-box
}

.todayLottery .lottery .numbers.keno{
    align-items: center;
    box-sizing: border-box
}

.todayLottery .lottery .numbers.keno span{
    border-radius: 4px;
    background: none;
    width: auto;
    padding: 0 4px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    border: 1px solid hsla(0,0%,100%,.25);
    box-shadow: 0 1px .30px 0 rgba(98,54,255,.25)
}

.todayLottery .lottery .issue{
    width: 100%;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    color: #e9cfa4;
    text-align: right;
    padding-right: 16px;
    box-sizing: border-box
}

.todayLottery .lottery .icon{
    position: absolute;
    left: 16px;
    bottom: 6px
}

.todayLottery .lottery .betNow{
    width: 82px;
    height: 32px;
    position: absolute;
    right: 12px;
    bottom: 2.933333vw
}

.tabs{
    background-color: #1b233d;
    display: flex;
    padding: 6px;
    align-items: center;
    flex-wrap: wrap
}

.tabs li{
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 4px 6px;
    color: #90a2dc;
    font-size: 12px;
    background: #35416d;
    font-weight: 400;
    border-radius: 4px
}

.tabs li.active{
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    color: #fff
}

.tabGamePage .tabs{
	margin: 0;
}

.gameList{
    border-radius: 12px;
    margin: 4px 10px;
    display: flex;
    flex-wrap: wrap
}

.gameList li{
	text-align: center;
    width: 25%;
	box-sizing: border-box;
    position: relative;
	padding: 5px;
    opacity: .8;
    border-radius: 12px
}

.gameList li img{
    width: 64px;
    height: 64px;
    border-radius: 8px
}

.gameList li div{
    font-size: 10px;
    color: #fff;
    margin-top: 6px;
    text-align: center
}

.home{
    width: 100%;
	padding-top: 50px;
}
.home.hasbar{
	padding-top: 98px;
}

.home .container{
    flex: 1;
    position: relative;
    overflow: hidden
}
.sw-scroll .swiper-slide{
	width: 150px;
}
.dragDialog{
    width: 50px;
    height: 50px;
	left: 10px;
	bottom: 160px;
    position: fixed;
	z-index: 99;
    border: 0!important
}

.dragDialog:after,
.dragDialog:before {
    display: none
}

.dragDialog .content-container {
    width: 100%!important;
    height: 100%!important
}

.dragDialog .custormerServiceLink{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    background-image: linear-gradient(135deg,#7146ff,#7146ff 0,#4a69ff);
    box-shadow: 0 .533333vw 12px 0 rgba(98,54,255,.51);
    border-radius: 32px;
    color: #fff;
    font-size: 32px
}

.home .scrollList{
    overflow-y: auto;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0
}

.home .scrollList::-webkit-scrollbar {
    display: none
}

.home .scrollList::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px transparent;
    background: rgba(92,101,132,0)
}

.home .scrollList::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(141,104,104,0);
    border-radius: 6px;
    background: rgba(141,104,104,0)
}
.head-fixed{
	position: fixed;
	width: 100%;
	z-index: 99;
	top: 0;
	left: 0;
}
.home .header{
    display: flex;
    z-index: 10;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    background-color: #293356;
    box-sizing: border-box;
    border-bottom: 1px solid hsla(0,0%,100%,.08)
}

.home .header button{
    font-size: 12px;
}

.home .header .left{
	font-size: 10px;
    width: 40.533333vw;
    display: flex;
    align-items: center;
    padding-left: 16px
}

.home .header .left .icon-icon_alert{
    font-size: 24px;
    color: #8fa1da
}

.home .header .left .logoBox{
	width: 136px;
	height: 34px;
}

.home .header .left .logoBox img{
    width: 100%;
    height: 100%
}

.home .header .rightInfo{
    display: flex;
    align-items: center;
    padding-right: 16px
}

.home .header .rightInfo .van-button {
    height: 28px;
    border-radius: 6px;
}

.home .header .rightInfo .loginBox span{
    height: 14px;
    padding: 0 10px;
    line-height: 14px;
    font-size: 12px;
    color: #e9cfa4;
    display: inline-block;
    text-align: center
}

.home .header .rightInfo .loginBox .register{
    border-right: 1px solid #e9cfa4
}

.home .header .rightInfo .recharge{
    width: 64px;
    background: #e9cfa4;
    color: #293356;
    border: none;
    padding: 0
}

.home .header .money{
    font-size: 12px;
    color: #e9cfa4;
    text-align: right;
    margin-right: 12px;
    padding-top: 4px
}

.home .header .money p{
    line-height: 14px;
}

.home .header .money p .iconfont{
    font-size: 14px
}

.home .header .money p:nth-child(2) {
    font-weight: 400;
    font-size: 10px;
    display: inline-block;
    transform: scale(.8)
}

.home .header .logoutBtn{
    width: 20.266667vw;
    height: 28px;
    font-size: 10px;
    padding: 0 8px
}

.home .index-swipe .van-swipe-item{
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 110px;
    height: 110px;
    text-align: center
}

.home .index-swipe img{
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 110px;
    pointer-events: none
}

.home .iconUnactive{
    font-size: 40px;
    color: #7583b3
}

.home .iconActive{
    display: inline-block;
    transform-origin: 0 0;
    transform: scale(.3333333)
}

.home .games,
.home .games:first-of-type {
    margin-top: 8px;
	margin-bottom: 8px;
}

.home .rotate{
    transform-origin: 50% 50%;
    -webkit-animation: myfirst-data-v-60e60e9f 1s linear infinite;
    animation: myfirst-data-v-60e60e9f 1s linear infinite
}

@-webkit-keyframes myfirst-data-v-60e60e9f {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes myfirst-data-v-60e60e9f {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.tabGamePage{
    padding: 8px 0
}

.allGameSelect{
    height: 100%
}

.allGameSelect .content{
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    overflow-y: auto
}

.rule[data-v-2d58d3fa] {
    padding: 16px;
    font-size: 12px;
    color: #fff
}

.rule h2[data-v-2d58d3fa] {
    font-weight: 500;
    line-height: 20px
}

.rule p[data-v-2d58d3fa] {
    line-height: 20px;
    text-indent: 2em
}

.help-list .van-collapse-item__content{
	padding: 0 12px;
	background-color: transparent;
	color: #FFFFFF;
}
.van-cell{
	background-color: transparent;
	color: #FFFFFF;
}



.forgetPwd{
    font-size: 12px;
    color: #c8d5ff;
    margin-top: 20px;
    font-weight: 400;
    display: inline-block
}

.regInput{
    margin-top: 12px
}

.regInput.van-field__left-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    margin-right: 0;
    height: 50px;
    border-radius: 8px 0 0 8px;
    background-color: #1e2646
}

.regInput.van-field__left-icon i {
    font-size: 20px;
    color: #414e7e
}

.regInput.must{
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.regInput.must[data-v-3653ffd9]:after {
    display: block;
    position: absolute;
    top: -10px;
    left: -12px;
    width: 20px;
    height: 20px;
    background-color: #f93e3e;
    transform: rotate(45deg)
}

.regInput .send-sms-btn{
    margin-right: 12px;
    color: #e9cfa4;
    background-color: transparent;
    border: none
}

.terms-wp{
    margin: 16px 0 20px;
    height: 4.533333vw;
    line-height: 4.533333vw;
    color: #e9cfa4;
    font-size: 12px;
    font-weight: 400
}

.terms-wp .terms{
    color: #6d7eb9;
    padding-left: 1.866667vw
}

.terms-wp .rule{
    margin-left: 5px
}

.terms-wp .iconfont{
    font-size: 2.933333vw
}

.gusetLoginBtn{
    margin-top: 4vw
}

.btns{
    padding-bottom: 9.6vw
}

.btns .other{
    margin-top: 24px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.btns .other .left[data-v-3653ffd9],.btns .other .right{
    flex: 5;
    height: 100%;
    position: relative
}

.btns .other .left[data-v-3653ffd9]:after,.btns .other .right[data-v-3653ffd9]:after {
    content: "";
    position: absolute;
    top: 49%;
    background: #e9cfa4;
    width: 100%;
    height: 1px
}

.btns .other .text{
    flex: 2;
    color: #e9cfa4;
    font-size: 14px;
    text-align: center
}

.btns .otherBtn{
    margin-top: 9.6vw;
    padding-bottom: 9.6vw;
    display: flex;
    justify-content: space-around
}

.btns .otherBtn div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #e9cfa4
}

.btns .otherBtn div i{
    font-size: 64px
}

.btns .otherBtn div span{
    text-align: center;
    margin-top: 4vw;
    padding: 0 4.30px;
    line-height: 16px
}

.van-field__body {
    background-color: #1e2646;
    border-radius: 0 8px 8px 0
}

.van-field__control {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    padding: 0 16px
}

.van-field__control::-moz-placeholder {
    color: #414e7e
}

.van-field__control:-ms-input-placeholder {
    color: #414e7e
}

.van-field__control::placeholder {
    color: #414e7e
}

.van-button--plain {
    background: #293356
}

.van-field__right-icon {
    position: absolute;
    right: 20px
}

.wrapper {
    width: 91.466667vw;
    height: 1025px;
    position: absolute;
    top: 0;
    background-color: #293356;
    bottom: 0;
    margin: auto;
    border-radius: 8px;
    left: 0;
    right: 0
}

.wrapper .title {
    height: 40px;
    line-height: 40px;
    position: relative;
    color: #fff;
    background-color: #1b233d;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.wrapper .title .van-icon-cross {
    position: absolute;
    right: 10px;
    top: 10px
}


.wrapper-tontent{
	padding: 16px 0;
}

.logoBox{
    width: 27.733333vw;
    height: 28px;
}

.logoBox img{
    width: 100%;
    height: 100%
}

.loginAndSignup .van-dialog .van-dialog__content .van-radio-group {
    padding: 10px 0 10px 16vw;
    box-sizing: border-box
}

.loginAndSignup .van-dialog .van-dialog__content .van-radio-group .van-radio {
    padding: 10px 0;
    text-align: center
}

.loginAndSignup .van-nav-bar {
    box-shadow: 0 .5px 0 0 hsla(0,0%,100%,.15)
}

.loginAndSignup .van-form {
    margin: 24px 16px 20px 16px
}

.loginAndSignup .van-field {
    margin-top: 16px;
    position: relative
}

.loginAndSignup .van-cell {
    background-color: transparent;
    padding: 0
}

.loginAndSignup .van-cell:after {
    display: none
}

.loginAndSignup .forgetPwd {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
	margin-top: 0;
    display: inline-block
}

.loginAndSignup .regInput {
    width: 100%;
    margin-top: 12px;
    position: relative
}

.loginAndSignup .regInput .van-field__button {
    position: absolute;
    z-index: 2;
    right: 8px
}

.loginAndSignup .regInput .send-sms-btn {
    margin-right: 12px;
    color: #e9cfa4;
    background-color: transparent;
    border: none
}

.loginAndSignup .terms-wp {
    margin: 16px 0 20px;
    height: auto;
    color: #e9cfa4;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    justify-content: space-between
}

.loginAndSignup .terms-wp .terms {
    color: #6d7eb9;
    padding-left: 1.866667vw;
    font-size: 12px
}

.loginAndSignup .terms-wp span {
    font-size: 2.933333vw
}

.loginAndSignup .gusetLoginBtn {
    margin-top: 4vw
}

.loginAndSignup .registerBtn {
    margin-top: 20px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #90a2dc;
    border-radius: 25px;
    color: #90a2dc;
    font-size: 14px
}

.loginAndSignup .van-tabs__wrap {
    height: 40px!important
}

.loginAndSignup .van-tabs {
    border-radius: 8px;
    padding: 0;
    height: 40px!important;
    margin-top: 82px;
    box-sizing: border-box;
    border-right: 0
}

.loginAndSignup .van-tabs__nav--card {
    border: 1px solid #3d4977;
    border-radius: 8px;
    height: 40px!important
}

.loginAndSignup .van-tab,.loginAndSignup .van-tab--active {
    border: none;
    border-radius: 8px
}

.loginAndSignup .van-cell {
    border-radius: 8px;
    padding: 0
}

.loginAndSignup .van-field__control {
    color: #fff;
    background-color: #1e2646;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    border-radius: 0 8px 8px 0;
    padding: 0
}

.loginAndSignup .van-field__control::-moz-placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.loginAndSignup .van-field__control:-ms-input-placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.loginAndSignup .van-field__control::placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.loginAndSignup .van-button--plain {
    background: #293356
}

.loginAndSignup .van-field__right-icon {
    position: absolute;
    right: 20px;
    background-color: #1e2646
}

.loginAndSignup .van-field__right-icon span {
    font-size: 24px
}

.loginAndSignup .van-field__left-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    margin-right: 0;
    height: 50px;
    border-radius: 8px 0 0 8px;
    background-color: #1e2646
}

.loginAndSignup .van-field__left-icon i {
    font-size: 20px;
    color: #414e7e
}

.loginAndSignup .van-field__error-message {
    margin-left: -13.866667vw;
    margin-top: 16px
}

.loginAndSignup .logoBox {
    width: 27.733333vw;
    height: 28px;
    margin-left: 12px
}

.loginAndSignup .logoBox img {
    width: 100%;
    height: 100%
}

.loginAndSignup .btns .other {
    margin-top: 24px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.loginAndSignup .btns .other .left,.loginAndSignup .btns .other .right {
    flex: 5;
    height: 100%;
    position: relative
}

.loginAndSignup .btns .other .left:after,.loginAndSignup .btns .other .right:after {
    content: "";
    position: absolute;
    top: 49%;
    background: #e9cfa4;
    width: 100%;
    height: 1px
}

.loginAndSignup .btns .other .text {
    flex: 2;
    color: #e9cfa4;
    font-size: 14px;
    text-align: center
}

.loginAndSignup .btns .otherBtn {
    margin-top: 9.6vw;
    padding-bottom: 9.6vw;
    display: flex;
    justify-content: space-around
}

.loginAndSignup .btns .otherBtn div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #e9cfa4
}

.loginAndSignup .btns .otherBtn div i {
    font-size: 64px
}

.loginAndSignup .btns .otherBtn div span {
    text-align: center;
    margin-top: 4vw;
    padding: 0 4.30px;
    line-height: 16px
}

.loginAndSignup .van-nav-bar[data-v-2ec64329] {
    box-shadow: 0 .5px 0 0 hsla(0,0%,100%,.15)
}

.loginAndSignup .van-form[data-v-2ec64329] {
    margin: 24px 16px 20px 16px
}

.loginAndSignup .van-field[data-v-2ec64329] {
    margin-top: 16px;
    position: relative
}

.loginAndSignup .van-cell[data-v-2ec64329] {
    background-color: transparent;
    padding: 0
}

.loginAndSignup .van-cell[data-v-2ec64329]:after {
    display: none
}

.loginAndSignup .forgetPwd[data-v-2ec64329] {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    display: inline-block
}

.loginAndSignup .regInput[data-v-2ec64329] {
    margin-top: 12px
}

.loginAndSignup .regInput .send-sms-btn[data-v-2ec64329] {
    margin-right: 12px;
    color: #e9cfa4;
    background-color: transparent;
    border: none
}

.loginAndSignup .terms-wp[data-v-2ec64329] {
    margin: 16px 0 20px;
    height: 4.533333vw;
    line-height: 4.533333vw;
    color: #e9cfa4;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    justify-content: space-between
}

.loginAndSignup .terms-wp .terms[data-v-2ec64329] {
    color: #6d7eb9;
    padding-left: 1.866667vw;
    font-size: 12px
}

.loginAndSignup .terms-wp span[data-v-2ec64329] {
    font-size: 2.933333vw
}

.loginAndSignup .gusetLoginBtn[data-v-2ec64329] {
    margin-top: 4vw
}

.loginAndSignup .registerBtn[data-v-2ec64329] {
    margin-top: 20px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #90a2dc;
    border-radius: 25px;
    color: #90a2dc;
    font-size: 14px
}

.loginAndSignup.hidePhoneLogin[data-v-2ec64329] .van-tabs__wrap {
    display: none
}

.loginAndSignup[data-v-2ec64329] .van-tabs__wrap {
    height: 40px!important
}

.loginAndSignup[data-v-2ec64329] .van-tabs {
    border-radius: 8px;
    padding: 0;
    height: 40px!important;
    margin-top: 82px;
    box-sizing: border-box;
    border-right: 0
}

.loginAndSignup[data-v-2ec64329] .van-tabs__nav--card {
    border: 1px solid #3d4977;
    border-radius: 8px;
    height: 40px!important
}

.loginAndSignup[data-v-2ec64329] .van-tab,.loginAndSignup[data-v-2ec64329] .van-tab--active {
    border: none;
    border-radius: 8px
}

.loginAndSignup[data-v-2ec64329] .van-cell {
    border-radius: 8px;
    padding: 0
}

.loginAndSignup[data-v-2ec64329] .van-field__control {
    color: #fff;
    background-color: #1e2646;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    border-radius: 0 8px 8px 0;
    padding: 0
}

.loginAndSignup[data-v-2ec64329] .van-field__control::-moz-placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.loginAndSignup[data-v-2ec64329] .van-field__control:-ms-input-placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.loginAndSignup[data-v-2ec64329] .van-field__control::placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.loginAndSignup[data-v-2ec64329] .van-button--plain {
    background: #293356
}

.loginAndSignup[data-v-2ec64329] .van-field__right-icon {
    position: absolute;
    right: 20px;
    background-color: #1e2646
}

.loginAndSignup[data-v-2ec64329] .van-field__right-icon span {
    font-size: 24px
}

.loginAndSignup[data-v-2ec64329] .van-field__left-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    margin-right: 0;
    height: 50px;
    border-radius: 8px 0 0 8px;
    background-color: #1e2646
}

.loginAndSignup[data-v-2ec64329] .van-field__left-icon i {
    font-size: 20px;
    color: #414e7e
}

.loginAndSignup[data-v-2ec64329] .van-field__error-message {
    margin-left: -13.866667vw;
    margin-top: 16px
}

.loginAndSignup .logoBox[data-v-2ec64329] {
    width: 27.733333vw;
    height: 28px;
    margin-left: 12px
}

.loginAndSignup .logoBox img[data-v-2ec64329] {
    width: 100%;
    height: 100%
}

.loginAndSignup .btns .other[data-v-2ec64329] {
    margin-top: 24px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.loginAndSignup .btns .other .left[data-v-2ec64329],.loginAndSignup .btns .other .right[data-v-2ec64329] {
    flex: 5;
    height: 100%;
    position: relative
}

.loginAndSignup .btns .other .left[data-v-2ec64329]:after,.loginAndSignup .btns .other .right[data-v-2ec64329]:after {
    content: "";
    position: absolute;
    top: 49%;
    background: #e9cfa4;
    width: 100%;
    height: 1px
}

.loginAndSignup .btns .other .text[data-v-2ec64329] {
    flex: 2;
    color: #e9cfa4;
    font-size: 14px;
    text-align: center
}

.loginAndSignup .btns .otherBtn[data-v-2ec64329] {
    margin-top: 9.6vw;
    padding-bottom: 9.6vw;
    display: flex;
    justify-content: space-around
}

.loginAndSignup .btns .otherBtn div[data-v-2ec64329] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #e9cfa4
}

.loginAndSignup .btns .otherBtn div i[data-v-2ec64329] {
    font-size: 64px
}

.loginAndSignup .btns .otherBtn div span[data-v-2ec64329] {
    text-align: center;
    margin-top: 4vw;
    padding: 0 4.30px;
    line-height: 16px
}

.txtColor {
    color: #e9cfa4
}

.scrollList {
    overflow: hidden;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 16px
}

.scrollList .wrapper-tontent {
    margin-bottom: 20px
}

.scrollCount {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.msgCenter .van-nav-bar {
    box-shadow: 0 .5px 0 0 hsla(0,0%,100%,.15)
}

.msgCenter .topBarR {
    height: 20px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #e9cfa4;
    font-weight: 400
}

.msgCenter .topBarC {
    width: 19.2vw;
    height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.msgCenter .cardTitle {
	display: flex;
	align-items: center;
    width: 60%;
	padding: 2px;
    margin: 0 auto;
    border: 1px solid #e9cfa4;
    border-radius: 44px;
}

.msgCenter .cardTitle .van-button {
    height: 35px;
    width: 50%;
	border-radius: 40px;
    font-size: 14px;
    background-color: #293356;
    color: #e9cfa4;
    border: none
}

.msgCenter .cardTitle .btnArc {
    background-color: #e9cfa4;
    color: #293356
}
.msgCenter .msgCard {
	padding: 15px 0;
}
.msgCenter .msgCard .cardList {
    padding: 10px 5px;
	margin: 0;
}

.msgList {
    width: 91.466667vw;
    margin: 0 auto;
    padding: 12px 0;
    height: 19.2vw;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

.msgList .listLeft {
    width: 74.666667vw;
    float: left;
    height: 100%
}

.msgList .checkBox {
    float: left;
    height: 100%;
    width: 25px;
    padding-top: 24px
}

.msgList .checkBox .checkBoxMask {
    height: 17.866667vw;
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.msgList .listTop {
    height: 24px;
    line-height: 24px;
    display: flex;
    justify-content: space-between
}

.msgList .listTop .listClassName {
    width: 200px;
    height: 100%;
    font-size: 15px;
    color: #f9f9f9;
    font-weight: 800;
    overflow: hidden
}

.msgList .listTop .redDot {
    width: 8px;
    height: 8px;
    background: #f93e3e;
    border-radius: 8px;
    display: inline-block;
    margin-left: 5px
}

.msgList .listTop .listTime {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #f9f9f9;
    text-align: right;
    font-weight: 400
}

.msgList .listBottom {
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #f9f9f9;
    font-weight: 400
}

.msgList .listRight {
    color: #f9f9f9;
    height: 48px;
    line-height: 48px;
    text-align: right;
    font-weight: bolder
}
.msgList .listRight .iconArrow {
    color: #f9f9f9
}

.msgCenter .footBar {
    height: 50px;
    background: #1b233d;
    width: 100%;
    padding: 0 10px;
    left: 0;
    position: fixed;
    bottom: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between
}

.msgCenter .footBar .txtCenter {
    height: 50px;
    line-height: 50px
}

.msgCenter .footBar .btnDel {
    height: 50px;
    color: #f93e3e;
    line-height: 50px
}

.msgCenter .footBar .allCheckTxt {
    color: #e9cfa4
}

.msgCenter .checkIcon {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #e9cfa4;
    padding: .666667vw 0 0 .666667vw
}

.msgCenter .checkIcon .checkIconDot {
    width: 13px;
    height: 13px;
    border-radius: 13px
}

.msgCenter .msgDetails {
    padding: 16vw 16px 0 16px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #f9f9f9
}

.msgCenter .msgDetails .msgDetailsTitle {
    font-weight: 700;
    padding: 12px 0
}

.msgCenter .msgDetails .msgDetailsDataTime {
    font-size: 12px
}

.msgCenter .msgDetails .msgDetailsCountDiv {
    padding: 12px 0;
    font-weight: 400;
    line-height: 16px;
    font-size: 12px
}

.msgCenter .diXian {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px
}

.msgCenter .diXian .line {
    width: 30%;
    display: inline-block;
    border: .4px solid rgba(233,207,164,.1);
    vertical-align: middle
}

.msgCenter .diXian .xianContent {
    color: rgba(233,207,164,.1);
    font-size: 12px
}

.van-hairline--bottom:after {
    border: none
}

 .van-nav-bar__title {
	 color: #FFFFFF;
    font-size: 16px
}

.van-nav-bar__right, .van-nav-bar__left {
    font-size: 20px
}

.van-nav-bar__right .van-nav-bar__arrow, .van-nav-bar__left .van-nav-bar__arrow {
    margin-right: 4px;
    font-size: 20px
}
.van-tabs .van-tab{
	font-size: 12px;
}
.header {
    height: 50px
}

.van-overlay {
    z-index: 1000
}

.overlay-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 270px;
    background: #1a223b;
	color: #FFFFFF;
    border-radius: 8px
}
.page-betting .panel{
	
}

.overlay-wrapper .panel-item,
.overlay-wrapper .title {
    height: 40px;
    line-height: 40px
}

.overlay-wrapper .title {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #1a223b;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.overlay-wrapper .title .overlay-xbtn {
    position: absolute;
    right: 14px;
    font-size: 3.04vw
}

.overlay-wrapper .panel {
    padding-top: 40px
}

.overlay-wrapper .panel .panel-item {
    font-size: 14px;
    font-weight: 400;
    box-shadow: inset 0 .5px 0 0 rgba(144,162,220,.5)
}

.overlay-wrapper .panel .panel-item:nth-last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: none
}

.overlay-wrapper .panel .panel-item .radio-style {
    display: inline-block;
    width: 14px;
    height: 14px
}

.overlay-wrapper .van-radio {
    justify-content: space-around;
    flex-direction: row-reverse
}

.overlay-wrapper .van-radio .van-radio__icon {
    color: #e9cfa4
}

.overlay-wrapper .van-radio .van-radio__label {
    width: 40vw;
    color: #fff;
    text-align: center;
    margin-left: 0
}

.bet-record-list .bet-record-selector-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 44px;
    position: relative
}

.bet-record-list .bet-record-selector-wp:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.bet-record-list .bet-record-selector-wp .day-selector-wp,.bet-record-list .bet-record-selector-wp .lottery-selector-wp {
    font-size: 12px;
    color: #fff;
    font-weight: 400
}

.bet-record-list.showtabs .list-wp {
    height: calc(100vh - 61.86667vw)
}

.bet-record-list .list-wp {
    height: calc(100vh - 48.53333vw);
    overflow: hidden
}

.bet-record-list .list-wp .wrapper-content-list {
    padding-bottom: 32vw
}

.bet-record-list .list-wp .list-item {
    display: flex;
    padding: 8px 10px;
    position: relative
}

.bet-record-list .list-wp .list-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.bet-record-list .list-wp .list-item .logo {
    margin-right: 6px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.bet-record-list .list-wp .list-item .logo img {
    width: 100%;
    height: 100%
}

.bet-record-list .list-wp .list-item .summary-wp {
    flex: 1;
    display: flex;
    justify-content: space-between
}

.bet-record-list .list-wp .list-item .rightBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bet-record-list .list-wp .list-item .info-wp {
    max-width: 410px;
    overflow: hidden
}

.bet-record-list .list-wp .list-item .info-wp .lottery-name,.bet-record-list .list-wp .list-item .info-wp .select-num {
    color: #fff;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bet-record-list .list-wp .list-item .info-wp .lottery-name {
    height: 20px;
    line-height: 20px;
    font-weight: 500
}

.bet-record-list .list-wp .list-item .info-wp .lottery-name .odds {
    color: #e9cfa4
}

.bet-record-list .list-wp .list-item .info-wp .select-num {
    height: 28px;
    line-height: 20px;
    padding: 4px 0;
    letter-spacing: .533333vw;
    font-size: 12px;
    font-weight: 400
}

.bet-record-list .list-wp .list-item .info-wp .time {
    color: hsla(0,0%,100%,.5019607843137255);
    font-size: 12px
}

.bet-record-list .list-wp .list-item .bet-amount-wp,.bet-record-list .list-wp .list-item .win-loss {
    font-size: 12px;
    text-align: right;
    font-weight: 400
}

.bet-record-list .list-wp .list-item .bet-amount-wp {
    height: 20px;
    line-height: 20px;
    color: #fff
}

.bet-record-list .list-wp .list-item .win-loss {
    height: 4.30px;
    line-height: 4.30px;
    font-size: 12px;
    font-weight: 400;
    color: #e9cfa4
}

.bet-record-list .list-wp .list-item .win-loss .win {
    color: #f93e3e
}

.bet-record-list .list-wp .list-item .win-loss .loss {
    color: #21e06b
}

.bet-record-list .list-wp .list-item .cancel {
    font-size: 12px;
    color: #fff;
    background: #90a2dc;
	height: 24px;
	line-height: 24px;
    padding: 0 6px;
    border-radius: .30px;
    display: inline-block;
    align-self: flex-end;
    text-align: center
}

.bet-record-list .bscroll-wp {
    height: 100%
}

.bet-record-list .no-data {
    padding-top: 24px;
    height: 20px;
    line-height: 20px;
    opacity: .5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.bet-record-list .lottery-type-list {
    overflow: hidden
}

.bet-record-list .lottery-type-list .panel {
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.bet-record-list .overlay-wrapper {
    height: 820px
}

.van-overlay{
    z-index: 1000
}

.overlay-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 72.266667vw;
    background: #1a223b;
    border-radius: 8px
}

.overlay-wrapper .panel-item,.overlay-wrapper .title {
    height: 40px;
    line-height: 40px
}

.overlay-wrapper .title {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #1a223b;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.overlay-wrapper .title .overlay-xbtn {
    position: absolute;
    right: 14px;
    font-size: 3.04vw
}

.overlay-wrapper .panel {
    padding-top: 40px
}

.overlay-wrapper .panel .panel-item {
    font-size: 14px;
    font-weight: 400;
    box-shadow: inset 0 .5px 0 0 rgba(144,162,220,.5)
}

.overlay-wrapper .panel .panel-item:nth-last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: none
}

.overlay-wrapper .panel .panel-item .radio-style {
    display: inline-block;
    width: 14px;
    height: 14px
}

.overlay-wrapper .van-radio {
    justify-content: space-around;
    flex-direction: row-reverse
}

.overlay-wrapper .van-radio .van-radio__icon {
    color: #e9cfa4
}

.overlay-wrapper .van-radio .van-radio__label {
    width: 40vw;
    color: #fff;
    text-align: center;
    margin-left: 0
}

.bet-record-list .totalData {
    height: 16.266667vw;
    padding: 5px 16px;
    font-size: 12px;
    font-weight: 400;
    position: relative
}

.bet-record-list .totalData:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.bet-record-list .totalData .otheCount {
    flex: 1;
    display: flex;
    flex-wrap: wrap
}

.bet-record-list .totalData .otheCount>div {
    width: 50%;
    height: 4.533333vw;
    line-height: 4.533333vw
}

.bet-record-list .totalData .otheCount>div.top {
    color: #fff
}

.bet-record-list .totalData .otheCount>div.win {
    color: #f93e3e
}

.bet-record-list .totalData .otheCount>div.loss {
    color: #21e06b
}

.bet-record-list .totalData .totalCount {
    width: 100%;
    height: 4.533333vw;
    line-height: 4.533333vw;
    color: hsla(0,0%,100%,.6)
}

.bet-record-list .bet-record-selector-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 44px;
    position: relative
}

.bet-record-list .bet-record-selector-wp:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.bet-record-list .bet-record-selector-wp .day-selector-wp,.bet-record-list .bet-record-selector-wp .lottery-selector-wp {
    font-size: 12px;
    color: #fff;
    font-weight: 400
}

.bet-record-list .list-wp {
    height: calc(100vh - 48.53333vw);
    overflow: hidden
}

.bet-record-list .list-wp .wrapper-content-list {
    padding-bottom: 50px
}

.bet-record-list .list-wp .list-item {
    display: flex;
    padding: 12px 16px;
    position: relative
}

.bet-record-list .list-wp .list-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.bet-record-list .list-wp .list-item .logo {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.bet-record-list .list-wp .list-item .logo img {
    width: 100%;
    height: 100%
}

.bet-record-list .list-wp .list-item .summary-wp {
    flex: 1;
    display: flex;
    justify-content: space-between
}

.bet-record-list .list-wp .list-item .info-wp {
    max-width: 430px;
    overflow: hidden
}

.bet-record-list .list-wp .list-item .info-wp .lottery-name,
.bet-record-list .list-wp .list-item .info-wp .select-num {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.bet-record-list .list-wp .list-item .info-wp .lottery-name {
    font-weight: 500
}

.bet-record-list .list-wp .list-item .info-wp .lottery-name .odds {
    color: #e9cfa4
}

.bet-record-list .list-wp .list-item .info-wp .select-num {
    height: 28px;
    line-height: 20px;
    padding: 4px 0;
    font-size: 14px
}

.bet-record-list .list-wp .list-item .info-wp .time {
    color: hsla(0,0%,100%,.5019607843137255);
    font-size: 14px
}

.bet-record-list .list-wp .list-item .bet-amount-wp,.bet-record-list .list-wp .list-item .win-loss {
    font-size: 14px;
    text-align: right;
    font-weight: 500
}

.bet-record-list .list-wp .list-item .bet-amount-wp {
    color: #fff
}

.bet-record-list .list-wp .list-item .turnover {
    color: #fff;
    height: 28px;
    line-height: 20px;
    padding: 4px 0;
    letter-spacing: .533333vw
}

.bet-record-list .list-wp .list-item .turnover label {
    font-size: 12px;
    color: #fff;
    text-align: right;
    font-weight: 400
}

.bet-record-list .list-wp .list-item .turnover span {
    font-size: 14px;
    color: #fff;
    text-align: right;
    font-weight: 500
}

.bet-record-list .list-wp .list-item .win-loss {
    font-size: 12px;
    font-weight: 400;
    color: #e9cfa4
}

.bet-record-list .list-wp .list-item .win-loss .win {
    color: #f93e3e
}

.bet-record-list .list-wp .list-item .win-loss .loss {
    color: #21e06b
}

.bet-record-list .bscroll-wp {
    height: 100%
}

.bet-record-list .no-data {
    padding-top: 24px;
    height: 20px;
    line-height: 20px;
    opacity: .5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.bet-record-list .lottery-type-list {
    overflow: hidden
}

.bet-record-list .lottery-type-list .panel {
    height: 74.666667vw;
    overflow: scroll
}

.bet-record .typeContainer[data-v-71fbdfc4] {
    width: 100%;
    height: 44px;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #1b233d;
    padding: 0 .533333vw
}

.bet-record .typeContainer[data-v-71fbdfc4]::-webkit-scrollbar {
    display: none
}

.bet-record .gameType[data-v-71fbdfc4] {
    width: auto;
    padding-right: 20px;
    height: 44px;
    padding-top: 8px;
    white-space: nowrap
}

.bet-record .gameType li[data-v-71fbdfc4] {
    display: inline-block;
    padding: 6px 8px;
    height: 4.533333vw;
    line-height: 4.533333vw;
    margin: 0 6px;
    border-radius: 4px;
    font-weight: 400;
    color: #90a2dc;
    font-size: 12px;
    background: #35416d
}

.bet-record .gameType li.active[data-v-71fbdfc4] {
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    color: #fff
}

.bet-details {
    padding: 0 16px 16px;
    min-height: 100vh;
    overflow: auto
}

.bet-details .bet-summary-wp {
    display: flex;
    margin-top: 20px;
    padding: 16px;
    background: #1b233d;
    box-shadow: 0 6px 1.866667vw -.533333vw rgba(27,35,61,.6);
    border-radius: 12px
}

.bet-details .bet-summary-wp .logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px
}

.bet-details .bet-summary-wp .logo img {
    width: 100%;
    height: 100%
}

.bet-details .bet-summary-wp .summary-wp {
    flex: 1;
    display: flex;
    justify-content: space-between
}

.bet-details .bet-summary-wp .lottery-name {
    height: 5.866667vw;
    line-height: 5.866667vw;
    color: #e9cfa4;
    font-size: 14px;
    font-weight: 400
}

.bet-details .bet-summary-wp .bet-amount {
    height: 4.30px;
    line-height: 4.30px;
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.bet-details .bet-summary-wp .win-loss {
    height: 40px;
    line-height: 40px;
    text-align: right;
    color: #e9cfa4
}

.bet-details .bet-summary-wp .win-loss .win {
    color: #f93e3e
}

.bet-details .bet-summary-wp .win-loss .loss {
    color: #21e06b
}

.bet-details .bet-summary-wp .win-loss .status_0 {
    font-size: 12px
}

.bet-details .detail-wp {
    margin-top: 20px;
    background: #1b233d;
    border-radius: 12px
}

.bet-details .detail-wp .detail {
    display: flex;
    justify-content: space-between;
    padding: 10px 6px;
    line-height: 16px;
    color: #fff;
    box-shadow: inset 0 .5px 0 0 rgba(144,162,220,.5);
    font-size: 12px;
    font-weight: 400
}

.bet-details .detail-wp .detail:first-child {
    box-shadow: none
}

.bet-details .detail-wp .detail .title {
    width: 110px
}

.bet-details .detail-wp .detail .data {
    max-width: 53.333333vw;
    text-align: left;
    word-wrap: break-word
}

.bet-details .connect-cs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 0 16px;
    height: 9.6vw;
    line-height: 9.6vw;
    border-radius: 8px;
    background: #1b233d;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.bet-details .connect-cs .iconfont {
    font-size: 12px
}

.bet-details .connect-cs span {
    vertical-align: middle
}

.bet-details {
    padding: 0 16px;
    height: 100vh;
    overflow: hidden
}

.bet-details .bet-summary-wp {
    display: flex;
    margin-top: 20px;
    padding: 16px;
    background: #1b233d;
    box-shadow: 0 6px 1.866667vw -.533333vw rgba(27,35,61,.6);
    border-radius: 12px
}

.bet-details .bet-summary-wp .logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px
}

.bet-details .bet-summary-wp .logo img {
    width: 100%;
    height: 100%
}

.bet-details .bet-summary-wp .summary-wp {
    flex: 1;
    display: flex;
    justify-content: space-between
}

.bet-details .bet-summary-wp .lottery-name {
    height: 5.866667vw;
    line-height: 5.866667vw;
    color: #e9cfa4;
    font-size: 16px;
    font-weight: 400
}

.bet-details .bet-summary-wp .bet-amount {
    height: 4.30px;
    line-height: 4.30px;
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.bet-details .bet-summary-wp .win-loss {
    height: 40px;
    line-height: 40px;
    text-align: right;
    color: #e9cfa4
}

.bet-details .bet-summary-wp .win-loss .win {
    color: #f93e3e
}

.bet-details .bet-summary-wp .win-loss .loss {
    color: #21e06b
}

.bet-details .detail-wp {
    margin-top: 20px;
    background: #1b233d;
    border-radius: 12px
}

.bet-details .detail-wp .detail {
    display: flex;
    justify-content: space-between;
    padding: 10px 16px;
    line-height: 16px;
    color: #fff;
    box-shadow: inset 0 .5px 0 0 rgba(144,162,220,.5);
    font-size: 12px;
    font-weight: 400
}

.bet-details .detail-wp .detail:first-child {
    box-shadow: none
}

.bet-details .detail-wp .detail .title {
    width: 110px
}

.bet-details .detail-wp .detail .data {
    width: 53.333333vw;
    text-align: right;
    word-wrap: break-word
}

.bet-details .connect-cs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 0 16px;
    height: 9.6vw;
    line-height: 9.6vw;
    border-radius: 8px;
    background: #1b233d;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.promotion-wp {
    height: 100%;
    position: relative
}

.promotion-wp .promotion-list {
    position: absolute;
    top: 50px;
    bottom: 50px;
    width: 100%;
    padding: 16px;
    overflow: auto
}

.promotion-wp .promotion-list .promotion {
    position: relative;
    margin-bottom: 16px;
    height: 106px;
    border-radius: 8px;
    overflow: hidden
}

.promotion-wp .promotion-list .promotion img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.promotion-wp .promotion-list .promotion .new-flag {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 0;
    height: 0;
    color: #fff;
    border-top: 44px solid #f93e3e;
    border-right: 88px solid transparent;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.promotion-wp .promotion-list .promotion .new-flag-txt {
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 10;
    padding: 4px 6px;
    height: 24px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    transform: rotate(335deg)
}

.promotion-wp .promotion-list .promotion .promotion-info-wp {
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 10;
    padding: 4vw;
    color: #fff
}

.promotion-wp .promotion-list .promotion .promotion-info-wp div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.promotion-wp .promotion-list .promotion .promotion-info-wp .title {
    height: 5.866667vw;
    line-height: 5.866667vw;
    font-size: 16px;
    overflow: hidden
}

.promotion-wp .promotion-list .promotion .promotion-info-wp .subtitle,.promotion-wp .promotion-list .promotion .promotion-info-wp .time {
    height: 4.30px;
    line-height: 4.30px;
    font-size: 12px
}

.promotion-detail-wp[data-v-1f7e1ca0] {
    padding: 12px 16px 0;
    height: 100%;
    overflow: scroll
}

.promotion-detail-wp .promotion-detail-content[data-v-1f7e1ca0] {
    color: #fff;
    width: 100%
}

.promotion-detail-wp .promotion-detail-content[data-v-1f7e1ca0] img {
    max-width: 100%!important
}

.load[data-v-1f7e1ca0] {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.chatLogItem {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.chatLogItem .avatar {
    width: 32px;
    align-self: flex-start;
    padding-top: 4px
}

.chatLogItem .avatar img {
    width: 32px;
    height: 32px;
    border-radius: 16px
}

.chatLogItem .main {
    padding: 0 8px;
    width: 100%
}

.chatLogItem .main .message {
    display: inline-block;
    padding: 5px 12px;
    background: #fff;
    max-width: 70.4vw;
    word-wrap: break-word;
    background: #35416d;
    border-radius: 0 8px 8px 8px;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.chatLogItem .main .isAdministrator {
    background-image: linear-gradient(135deg,#7146ff,#4a69ff)
}

.chatLogItem .main .redBagExpired,.chatLogItem .main .redBagPending {
    background-image: linear-gradient(270deg,#f83600,#fe8c00);
    box-shadow: 0 0 4px 0 rgba(249,64,0,.5)
}

.chatLogItem .main .redBag {
    border-radius: 0 8px 8px 8px;
    padding: 5px;
    display: flex;
    justify-content: start;
    align-items: center;
    color: #fff;
    width: 82%
}

.chatLogItem .main .redBag .redBagImg {
    width: 16vw
}

.chatLogItem .main .redBag .redBagItem {
    padding-left: 10px;
    color: #fff
}

.chatLogItem .main .redBag .redBagItem .redBagTitle {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    word-break: break-word
}

.chatLogItem .main .redBag .redBagItem .redBagState {
    margin-top: 8px;
    font-size: 12px;
    color: #fff;
    font-weight: 400
}

.chatLogItem .main .img {
    background: #35416d;
    border-radius: 0 8px 8px 8px;
    overflow: hidden;
    display: inline-block
}

.chatLogItem .main .img img {
    max-width: 80vw;
    max-height: 225px;
    min-height: 225px
}

.chatLogItem .main .img .imgText {
    text-align: left;
    width: 100%;
    color: #fff;
    padding: 4px 6px;
    word-break: break-all;
    box-sizing: border-box
}

.chatLogItem .main .time {
    color: #90a2dc;
    font-size: 12px;
    padding-top: 4px
}

.chatLogItem .main .title {
    font-size: 12px;
    color: #90a2dc;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 4px;
    font-weight: 400
}

.chatLogItem .main .title .nickname {
    height: 20px;
    line-height: 20px;
    margin-right: 5px
}

.chatLogItem .main .title .levelImg {
    height: 20px
}

.chatLogItem .main .time span {
    font-size: 12px;
    color: #90a2dc;
    transform: scale(.8);
    -webkit-text-size-adjust: 100%
}

.chatLogItem .main .shareOrder {
    background: #35416d;
    border-radius: 0 8px 8px 8px
}

.chatLogItem .main .shareOrder .orderItem {
    text-align: left
}

.chatLogItem .main .shareOrder .fotter {
    height: 28px;
    line-height: 28px;
    margin-top: 5px;
    background: #90a2dc;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    border-radius: 0 0 8px 8px
}

.chatLogItem .main .shareOrder .body {
    font-size: 12px;
    color: #90a2dc;
    padding: 10px;
    display: flex;
    color: #fff;
    justify-content: space-around;
    flex-direction: column
}

.chatLogItem .main .shareOrder .body .title {
    color: #fff
}

.chatLogItem .main .shareOrder .body .item {
    display: flex;
    justify-content: flex-start;
    min-height: 20px
}

.chatLogItem .main .shareOrder .body .item span {
    margin-right: 5px;
    height: 100%;
    display: inline-block
}

.chatLogItem .main .shareOrder .body .item .itemContent,.chatLogItem .main .shareOrder .body .item .itemNum {
    flex: 1
}

.chatLogItem .main .shareOrder .body .info {
    color: #21e06b
}

.chatLogItem.self {
    flex-direction: row-reverse;
    justify-content: end
}

.chatLogItem.self .main {
    text-align: right
}

.chatLogItem.self .main .message {
    border-radius: 8px 0 8px 8px;
    background: #4c536e;
    color: #fff;
    text-align: left
}

.chatLogItem.self .main .img,.chatLogItem.self .main .img img {
    border-radius: 8px 0 8px 8px
}

.chatLogItem.self .main .levelImg {
    height: 20px
}

.chatLogItem.self .main .van-image__img {
    font-size: 20px
}

.chatLogItem.self .main .title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.chatLogItem.self .main .nickname {
    height: 20px;
    line-height: 20px;
    margin-left: 5px
}

.chatLogItem.self .main .shareOrder {
    background: #35416d;
    border-radius: 8px 0 8px 8px
}

.chatLogItem.self .main .shareOrder .fotter {
    height: 28px;
    line-height: 28px;
    margin-top: 5px;
    background: #90a2dc;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    border-radius: 0 0 8px 8px
}

.chatLogItem.self .main .shareOrder .body {
    font-size: 12px;
    color: #90a2dc;
    padding: 10px;
    display: flex;
    color: #fff;
    justify-content: space-around;
    flex-direction: column
}

.chatLogItem.self .main .shareOrder .body .title {
    color: #fff
}

.chatLogItem.self .main .shareOrder .body .item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 20px
}

.chatLogItem.self .main .shareOrder .body .item span {
    margin-right: 5px
}

.chatLogItem.self .main .shareOrder .body .info {
    color: #21e06b
}

.chatLogItem.self .main .redBag {
    border-radius: 8px 0 8px 8px;
    padding: 5px;
    display: flex;
    justify-content: start;
    align-items: center;
    color: #fff
}

.chatLogItem.self .main .redBag .redBagImg {
    width: 16vw
}

.chatLogItem.self .main .redBag .redBagItem {
    padding-left: 10px;
    color: #fff
}

.chatLogItem.self .main .redBag .redBagItem .redBagTitle {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.chatLogItem.self .main .redBag .redBagItem .redBagState {
    margin-top: 8px;
    font-size: 12px;
    color: #fff;
    font-weight: 400
}


.orderPopup {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #1b233d
}

.orderPopup .header {
    text-align: center;
    line-height: 14.933333vw;
    height: 14.933333vw;
    width: 100%;
    font-size: 4.30px;
    color: #1b233d;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

.orderPopup .body {
    padding: 24px
}

.orderPopup .body .item {
    font-size: 13px;
    color: #1b233d;
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px
}

.orderPopup .body .item span {
    margin-right: 16px
}

.orderPopup .body .item .info {
    color: #21e06b
}

.orderPopup .footer {
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    margin-bottom: 24px
}

.orderPopup .footer .btn {
    flex: 1;
    height: 40px;
    line-height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    font-size: 14px;
    color: #1b233d;
    text-align: center;
    font-weight: 400
}

.orderPopup .footer .confim {
    margin-left: 24px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    color: #fff;
    border: none
}

.orderPopup table {
    width: 100%;
    border-spacing: 0
}

.orderPopup .table {
    border: 1px solid #1b233d;
    border-radius: 4px
}

.orderPopup .table td,.orderPopup .table th {
    border-right: 1px solid #1b233d;
    border-bottom: 1px solid #1b233d;
    padding: 10px;
    text-align: center
}

.orderPopup .table thead {
    font-size: 13px;
    border-bottom: 1px solid #1b233d;
    color: #1b233d
}

.orderPopup .table thead tr {
    border-bottom: none
}

.orderPopup .table td:last-child,.orderPopup .table th:last-child {
    border-right: none
}

.orderPopup .table tr:last-child td {
    border-bottom: none
}

.orderPopup .item1 {
    width: 60%
}

.orderPopup .item2 {
    width: 40%
}

.orderPopup .van-cell {
    height: 32px;
    line-height: 32px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    padding: 0 5px
}

.orderPopup .van-cell .van-field__control {
    font-size: 14px;
    color: #90a2dc;
    text-align: center;
    font-weight: 400
}

.chatLogLast {
    height: 30px;
    line-height: 30px;
    background: #293356;
    font-size: 12px;
    color: rgba(144,162,220,.6);
    text-align: center;
    font-weight: 400
}

.emoji[data-v-553b0d75] {
    width: 69.333333vw;
    height: 430px
}

.emoji .item[data-v-553b0d75] {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 4px;
    font-size: 28px
}

.chatInput {
	padding: 10px 0;
    display: flex;
    height: 100%;
    align-items: center;
    background: #fff
}

.chatInput .van-button--default {
    border: none
}

.chatInput .van-button--small {
    padding: 0 12px;
    font-weight: 500;
    color: #6e87d8
}

.chatInput .left {
    width: 13.866667vw;
    text-align: center
}

.chatInput .left span {
    color: #90a2dc;
    font-size: 20px
}

.chatInput .mid {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: auto;
    padding: 4px 0
}

.chatInput .mid .van-cell {
    padding: 0;
	margin: 0;
}

.chatInput .mid .icon-icon_send_emoji {
    font-size: 20px;
    color: #99a9de
}

.chatInput .mid .van-field__body {
    height: 32px;
    background: #f4f4f6;
    border-radius: 16px;
    padding: 0 10px
}

.chatInput .mid .van-field__body input {
    color: #90a2dc
}

.chatInput .mid .van-field__body textarea {
    overflow-y: scroll
}

.chatInput .right {
    width: 14.933333vw;
    text-align: center
}

.chatInput .right .van-icon-smile-o {
    font-size: 20px
}

.chatInput .right span {
    color: #90a2dc
}

.chatInput .right .van-button--small .van-button__content .van-button__text {
    font-weight: 600;
    font-size: 16px
}

.chatInput .right .icon-icon_send {
    position: relative;
    top: 1px;
    font-size: 16px
}

.chatInput .van-dialog__content {
    text-align: center
}

.chatInput .van-dialog__content img {
    text-align: center;
    max-width: 100vw;
    max-height: 80vw
}

.chatInput .van-dialog__content .van-field__body input {
    text-align: center
}

.chatInput .van-dialog__content .van-field__body input::-webkit-input-placeholder {
    color: #999;
    text-align: center
}

.chatInput .van-dialog__content .van-field__body input:-moz-placeholder,.chatInput .van-dialog__content .van-field__body input::-moz-placeholder {
    color: #999;
    text-align: center
}

.chatInput .van-dialog__content .van-field__body input:-ms-input-placeholder {
    color: #999;
    text-align: center
}

.chatInput .van-field__control {
    color: #000;
    min-height: 0
}

.avatar-img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border: .533333vw solid #e9cfa4;
    box-sizing: border-box
}
.avatar-container{
	position: relative;
}
.avatar-container .iconfont {
    position: absolute;
    right: 0px;
    bottom: 5px;
    font-size: 16px;
    color: #e9cfa4;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden
}

 .van-uploader__wrapper--disabled {
    opacity: 1
}
.rightMenu .van-cell::after{
	display: none;
}
.rightMenu .userInfoBox {
    padding: 32px 0 24px 32px
}
.rightMenu .van-cell__value{
	color: #fff;
}

.rightMenu .userInfoBox .money {
    margin-top: 14px;
    font-size: 20px;
    color: #fff;
    font-weight: 500
}

.rightMenu .userInfoBox .username {
    font-size: 16px;
    color: #90a2dc;
    margin-top: 8px;
    font-weight: 500
}

.rightMenu .userInfoBox .btnBox {
    padding-right: 9.333333vw;
    margin-top: 14px;
    display: flex;
    justify-content: space-between
}

.rightMenu .userInfoBox .btnBox button {
    width: 64px;
    height: 32px;
    outline: 0;
    border: 0;
    line-height: 32px;
    text-align: center;
    background: #e9cfa4;
    border-radius: 16px;
    font-size: 12px;
    color: #273569;
    font-weight: 400
}

.rightMenu .userInfoBox .btnBox button:first-of-type {
    margin-right: 10px
}

.rightMenu .menuListBox {
    position: relative
}

.rightMenu .menuListBox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(0deg,transparent 40%,#90a2dc)
}

.rightMenu .menuListBox .van-cell__title {
    width: 46.933333vw
}
.userInfoBox .avatar-container{
	width: 60px;
}
.rightMenu .van-cell {
    height: 44px;
    background-color: transparent;
    color: #90a2dc;
    padding: 10px 12px 10px 22px;
    font-size: 12px;
    position: relative
}

.rightMenu .van-cell:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.rightMenu .van-cell .van-cell__right-icon {
    color: #90a2dc;
    font-size: 12px
}

.rightMenu .van-cell .wins {
    color: #f93e3e
}

.rightMenu .van-cell .loss {
    color: #21e06b
}

.rightMenu .profit {
    position: relative;
    width: 100%;
    height: 16vw
}

.rightMenu .profit p {
    height: 20px;
    line-height: 20px
}

.rightMenu .profit .van-cell__value .title {
    color: #90a2dc
}

.rightMenu .profit .van-cell__value .todayProfit {
    display: inline-block;
    width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rightMenu .profit .van-cell__value .rightIcon {
    position: absolute;
    right: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.rightMenu .profit .van-cell__value .rightIcon span {
    color: #90a2dc
}

.wrap {
    overflow: hidden
}

.noticeBar {
    display: flex;
    align-items: center
}

.noticeBar .icon {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #e9cfa4
}

.noticeBar .icon i {
    width: 16px;
    font-size: 16px;
    color: #e9cfa4;
    margin-right: 5px
}

.noticeBar .noticeItems {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1;
    position: relative;
    height: 24px;
    line-height: 24px
}

.content {
    overflow: hidden
}

.text {
    position: absolute;
    -webkit-animation-name: animation1;
    animation-name: animation1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    left: 0;
    width: 10625px;
    display: block;
    height: 24px;
    line-height: 24px
}
.flex_bd{
	flex: 1;
}

.text span {
    display: inline-block;
    height: 100%;
    line-height: 24px;
    height: 24px;
    margin-left: 20px
}

.paused .text {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.items {
    display: block;
}

.chatroom {
    position: relative;
    height: 100%;
    background: #1e2747
}

.chatroom .head {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background: #293356;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    box-shadow: 0 .33px 0 0 hsla(0,0%,100%,.15)
}

.chatroom .head .back {
    font-size: 20px;
    width: 20px
}

.chatroom .head h2 {
    flex: 1;
    text-align: center
}

.chatroom .body {
    position: absolute;
    width: 100%;
    top: 60px;
    bottom: 0;
	padding-bottom: 50px;
}

.chatroom .body .loading {
    text-align: center;
    padding-top: 40px
}

.chatroom .body .scrollContent {
    height: 100%;
    width: 100%;
    overflow: hidden;
	overflow-y: auto;
    padding: 16px 8px
}

.chatroom .body .scrollContent li {
    margin: 6px 0;
    display: inline-block;
    width: 100%
}

.chatroom .body .notice {
    position: fixed;
    top: 50px;
    z-index: 999;
    height: 28px;
    width: 100%;
    background: rgba(41,51,86,.79);
    line-height: 28px;
    padding: 0 16px;
    font-size: 12px;
    color: #fff
}

.chatroom .body .notice .van-notice-bar {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    background: none;
    color: #fff
}

.chatroom .body .notice .van-notice-bar>span {
    padding-right: 4px;
    color: #e9cfa4
}

.chatroom .body .notice .van-notice-bar>span .iconfont {
    position: relative;
    top: 1px;
    margin-right: .533333vw
}

.chatroom .foot {
    width: 100%;
    height: 14.933333vw;
    position: absolute;
    bottom: 0
}

.chatroom .rightIcon {
    font-size: 24px;
    color: #fff
}

.chatroom .icon-icon_sidebar {
    margin-left: 4vw
}

.chatroom .betSpan {
    position: fixed;
    bottom: 430px;
    display: inline-block;
    width: 19.2vw;
    height: 30px;
    line-height: 30px;
    right: 0;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff);
    box-shadow: 0 0 12px 0 rgba(98,54,255,.51);
    border-radius: 16px 0 0 16px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400
}

.chatroom .goBottom {
    position: fixed;
    bottom: 25px;
    right: 16px
}

.chatroom .goBottom i {
    font-size: 32px;
    color: #5e6c9b
}

.chatroom .chatLogLast {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #293356;
    font-size: 12px;
    color: rgba(144,162,220,.6);
    text-align: center;
    font-weight: 400;
    margin: 6.933333vw 0
}

.chatroom .wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.chatroom .wrapper .item {
    position: relative
}

.chatroom .wrapper .item .detail {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 10%
}

.chatroom .wrapper .item .detail .title {
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: linear-gradient(180deg,#fff6bb,#ffe87c);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 600;
    width: 430px;
    line-height: 20px;
    margin: 0 auto
}

.chatroom .wrapper .item .detail .faild {
    font-size: 16px;
    margin-top: 10px
}

.chatroom .wrapper .item .detail .getRedPack {
    font-size: 20px;
    color: transparent;
    text-align: center;
    font-weight: 600;
    background: linear-gradient(180deg,#fff6bb,#ffe87c);
    background-clip: text;
    -webkit-background-clip: text
}

.chatroom .wrapper .item .detail .money {
    margin-top: 10px;
    font-size: 32px;
    color: #fddfaf;
    text-align: center;
    line-height: 9.866667vw;
    font-weight: 600
}

.chatroom .wrapper .item .getRedPackDetail {
    top: 25%
}

.chatroom .wrapper .item .seeDetail {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%
}

.chatroom .wrapper .item .seeDetail span {
    display: inline-block;
    width: 29.866667vw;
    height: 6.933333vw;
    line-height: 6.933333vw;
    background: #fddaa4;
    border-radius: 13px;
    font-size: 13px;
    color: #eb2b44;
    text-align: center;
    font-weight: 400
}

.chatroom .wrapper .item .getRedPackImg {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 8%;
    display: flex;
    justify-content: center;
    align-items: center
}

.chatroom .wrapper .item .getRedPackImg .getRedPackImgCon {
    width: 22.4vw;
    height: 22.4vw;
    position: relative;
    transition: all 200s linear
}

.chatroom .wrapper .item .getRedPackImg .getRedPackImgCon.rbIsOpening {
    transform: rotateY(100turn)
}

.chatroom .wrapper .item .getRedPackImg .getRedPackImgCon img {
    width: 100%;
    height: 100%
}

.chatroom .wrapper .item .getRedPackImg .getRedPackImgCon .collar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 22.4vw;
    display: inline-block;
    text-align: center
}

.chatroom .wrapper .item .getRedPackImg .getRedPackImgCon .collar span {
    color: #fddaa4;
    font-size: 30px
}

.chatroom .wrapper .item .faildDetail {
    top: 12%
}

.chatroom .wrapper .item .closure {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 102%;
    display: flex;
    justify-content: center;
    align-items: center
}

.chatroom .wrapper .item .closure div {
    border-radius: 50%;
    width: 12.266667vw;
    height: 12.266667vw;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: rgba(0,0,0,.6);
    position: relative
}

.chatroom .wrapper .item .closure div i {
    font-size: 30px;
    position: absolute;
    left: 8px;
    top: 8px;
    color: #fff
}

.chatroom .wrapper img {
    width: 100%
}
.chatroom .van-field__value{
	overflow: hidden;
}
.chatroom .chatRedRecord {
    line-height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    font-size: 12px
}

.chatroom .chatRedRecord span {
    color: hsla(0,0%,100%,.6)
}

.chatroom .chatRedRecord .name {
    color: #fada2f
}

.chatroom .chatRedRecord .redRecordMoney {
    color: #f92855
}

.chatroom .chatRedRecord .title {
    margin: 0 5px
}

.openResultPop {
    width: 91.466667vw;
    background-color: #1b233d;
    padding-bottom: 24px;
    border-radius: 8px
}

.openResultPop .title {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    position: relative
}

.openResultPop .title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.openResultPop .warp {
    display: flex
}
.openResultPop .warp ul{
	width: 45%;
}
.openResultPop .warp ul.port1{
	width: 55%;
}
.openResultPop .btnGroup {
    margin-top: 24px;
    text-align: center
}

.openResultPop .btnGroup button {
    outline: 0;
    border: 0;
    width: 82.933333vw;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 8px
}

.lottoOpenNumberList li {
    display: flex;
    align-items: center;
    text-align: center
}

.lottoOpenNumberList li>div {
    height: 32px;
    line-height: 32px;
    border-right: 1px solid rgba(144,162,220,.5);
    border-bottom: 1px solid rgba(144,162,220,.5);
    color: #afb0b2;
    font-size: 13px;
    cursor: pointer
}

.lottoOpenNumberList li>div:last-of-type {
    border-right: 0
}

.lottoOpenNumberList li>div.bd1 {
    border-left: 1px solid rgba(144,162,220,.5)
}

.lottoOpenNumberList li .przeName {
    width: 40px
}

.lottoOpenNumberList li .openNum {
    flex: 1;
}

.lottoOpenNumberList li .openNum.dbH {
    line-height: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    word-break: break-word
}

.lottoOpenNumberList li .index {
    width: 40px
}

.lottoOpenNumberList li .calcNum {
    flex: 1;
}

.lottoOpenNumberList li .calcNum:hover {
    background-color: #1f61b2;
    font-weight: 700;
    color: #fff
}

.lottoOpenNumberList li .dbH {
    height: 64px;
    line-height: 64px
}

.keno-open-num-list-wp{
    width: 91.466667vw;
    height: 810px;
    opacity: .95;
    background: #fbfbfb;
    border-radius: 8px
}

.keno-open-num-list-wp .title{
    height: 40px;
    line-height: 40px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    color: #1b233d;
    text-align: center;
    font-size: 16px;
    font-weight: 400
}

.keno-open-num-list-wp .panel{
    padding: 24px
}

.keno-open-num-list-wp .panel .issue{
    margin: auto;
    width: 410px;
    height: 13.866667vw;
    line-height: 6.933333vw;
    border: 1px solid #1b233d;
    border-radius: 4px;
    text-align: center
}

.keno-open-num-list-wp .panel .info-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 6.133333vw 6px
}

.keno-open-num-list-wp .panel .info-list .tie{
    width: 13.066667vw;
    height: 28px;
    line-height: 28px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 .533333vw 5px 0 rgba(98,54,255,.25);
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.keno-open-num-list-wp .panel .info-list .bigness[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .five-ele[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .odd-even[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .up-middle-down{
    padding: 0 6px;
    height: 6.933333vw;
    line-height: 6.933333vw;
    border-radius: .533333vw;
    text-align: center;
    font-size: 12px
}

.keno-open-num-list-wp .panel .info-list .big[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .fire[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .odd[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .up{
    border: 1px solid #f94168;
    color: #f94168
}

.keno-open-num-list-wp .panel .info-list .down[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .even[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .small[data-v-86b95656],.keno-open-num-list-wp .panel .info-list .water{
    border: 1px solid #26a1ff;
    color: #26a1ff
}

.keno-open-num-list-wp .panel .info-list .middle{
    border: 1px solid #c0c4cc;
    color: #c0c4cc
}

.keno-open-num-list-wp .panel .info-list .gold{
    border: 1px solid #fb0;
    color: #fb0
}

.keno-open-num-list-wp .panel .info-list .wood{
    border: 1px solid #6dd400;
    color: #6dd400
}

.keno-open-num-list-wp .panel .info-list .earth{
    border: 1px solid #ca8c10;
    color: #ca8c10
}

.keno-open-num-list-wp .panel .ball-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 12px
}

.keno-open-num-list-wp .panel .ball-list .ball{
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    color: #fff;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 1px .30px 0 rgba(98,54,255,.25);
    margin: 6px 5px 0 0;
    text-align: center
}

.keno-open-num-list-wp .panel .close{
    margin-top: 24px;
    width: 78.666667vw;
    height: 40px;
    line-height: 40px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.van-overlay {
    z-index: 1000
}

.overlay-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 72.266667vw;
    background: #1a223b;
    border-radius: 8px
}

.overlay-wrapper .panel-item,.overlay-wrapper .title {
    height: 40px;
    line-height: 40px
}

.overlay-wrapper .title {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #1a223b;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.overlay-wrapper .title .overlay-xbtn {
    position: absolute;
    right: 14px;
    font-size: 3.04vw
}

.overlay-wrapper .panel {
    padding-top: 40px;
	max-height: 320px;
	overflow: scroll;
}

.overlay-wrapper .panel .panel-item {
    font-size: 14px;
    font-weight: 400;
    box-shadow: inset 0 .5px 0 0 rgba(144,162,220,.5)
}

.overlay-wrapper .panel .panel-item:nth-last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: none
}

.overlay-wrapper .panel .panel-item .radio-style {
    display: inline-block;
    width: 14px;
    height: 14px
}

.overlay-wrapper .van-radio {
    justify-content: space-around;
    flex-direction: row-reverse
}

.overlay-wrapper .van-radio .van-radio__icon {
    color: #e9cfa4
}

.overlay-wrapper .van-radio .van-radio__label {
    width: 40vw;
    color: #fff;
    text-align: center;
    margin-left: 0
}

.days-picker .van-picker {
    color: #fff;
    background-color: #1b233d
}

.days-picker .van-picker .van-picker__toolbar {
    height: 40px;
    background-color: #1b233d;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

.days-picker .van-picker .van-picker__toolbar .van-picker__cancel,.days-picker .van-picker .van-picker__toolbar .van-picker__confirm {
    color: #fff
}

.days-picker .van-picker .van-picker-column__item {
    color: grey;
    background-color: #1b233d
}

.days-picker .van-picker .van-picker-column__item.van-picker-column__item--selected {
    color: #fff
}

.days-picker .van-picker .van-picker__mask {
    background-image: unset
}

.days-picker .van-picker .van-picker__frame {
    right: 0;
    left: 0
}

.days-picker [class*=van-hairline]:after {
    border-color: rgba(144,162,220,.5019607843137255)
}

.history-data-wp {
    padding: 16px 16px 0
}

.history-data-wp .day-selector-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.history-data-wp .day-selector-wp .day-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px 0 10px;
    width: 116px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: center
}

.history-data-wp .day-selector-wp .day-wp span {
    font-size: 10px
}

.history-data-wp .day-selector-wp .search {
    width: 76px;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 6px;
    text-align: center
}

.history-data-wp .lottery-selector-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 20px;
    height: 72px;
    color: #fff;
    font-size: 14px
}

.history-data-wp .lottery-selector-wp .tit {
    font-size: 12px;
	margin-right: 10px;
}

.history-data-wp .lottery-selector-wp .lottery-selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
	flex: 1;
    height: 36px;
    background: #1e2646;
    border-radius: 8px;
    font-size: 12px
	
}

.history-data-wp .lottery-selector-wp .lottery-selector .iconfont {
    font-size: 12px
}

.history-data-wp .results-list-wp {
    min-height: calc(100vh - 46.4vw);
}

.history-data-wp .results-list-wp .wrapper-content {
    padding-bottom: 32vw
}

.history-data-wp .results-list-wp .results-item-wp {
    display: flex;
    align-items: center;
	justify-content: space-between;
    height: 13.866667vw;
    border-bottom: 1px solid rgba(144,162,220,.5019607843137255)
}

.history-data-wp .results-list-wp .results-item-wp .time {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    padding-right: 10px;
    line-height: 4.533333vw;
    font-size: 12px;
    color: #f9f9f9;
    font-weight: 400
}

.history-data-wp .results-list-wp .results-item-wp .time p {
    overflow: hidden;
}

.history-data-wp .results-list-wp .results-item-wp .balls-wp {
    display: flex;
    align-items: center;
}

.history-data-wp .results-list-wp .results-item-wp .balls-wp .ball {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 1px .30px 0 rgba(98,54,255,.25);
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 500
}

.history-data-wp .results-list-wp .results-item-wp.keno .time {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 0;
    width: 18.666667vw;
    line-height: 4.533333vw;
    font-size: 12px;
    color: #f9f9f9;
    font-weight: 400
}

.history-data-wp .results-list-wp .results-item-wp.keno .time p {
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 1px solid rgba(144,162,220,.5)
}

.history-data-wp .results-list-wp .results-item-wp.keno .tie {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 .533333vw 5px 0 rgba(98,54,255,.25);
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.history-data-wp .results-list-wp .results-item-wp.keno .bigness,.history-data-wp .results-list-wp .results-item-wp.keno .five-ele,.history-data-wp .results-list-wp .results-item-wp.keno .odd-even,.history-data-wp .results-list-wp .results-item-wp.keno .up-middle-down {
    width: 12.533333vw;
    height: 6.933333vw;
    line-height: 6.933333vw;
    border-radius: .533333vw;
    text-align: center;
    font-size: 12px
}

.history-data-wp .results-list-wp .results-item-wp.keno .big,.history-data-wp .results-list-wp .results-item-wp.keno .fire,.history-data-wp .results-list-wp .results-item-wp.keno .odd,.history-data-wp .results-list-wp .results-item-wp.keno .up {
    border: 1px solid #f94168;
    color: #f94168
}

.history-data-wp .results-list-wp .results-item-wp.keno .down,.history-data-wp .results-list-wp .results-item-wp.keno .even,.history-data-wp .results-list-wp .results-item-wp.keno .small,.history-data-wp .results-list-wp .results-item-wp.keno .water {
    border: 1px solid #26a1ff;
    color: #26a1ff
}

.history-data-wp .results-list-wp .results-item-wp.keno .middle {
    border: 1px solid #c0c4cc;
    color: #c0c4cc
}

.history-data-wp .results-list-wp .results-item-wp.keno .gold {
    border: 1px solid #fb0;
    color: #fb0
}

.history-data-wp .results-list-wp .results-item-wp.keno .wood {
    border: 1px solid #6dd400;
    color: #6dd400
}

.history-data-wp .results-list-wp .results-item-wp.keno .earth {
    border: 1px solid #ca8c10;
    color: #ca8c10
}

.history-data-wp .pulldowning-tip,.history-data-wp .pulluping-tip {
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.history-data-wp .lottery-type-list {
    overflow: hidden
}

.history-data-wp .lottery-type-list .panel {
    height: 74.666667vw;
    overflow: scroll
}

.history-data-wp .days-picker {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.history-data-wp .no-data {
    padding-top: 24px;
    height: 20px;
    line-height: 20px;
    opacity: .5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

 .van-popup__close-icon {
    color: #FFFFFF
}

.gameRule .ruleText[data-v-bd6406da] {
    padding: 16px;
    color: #fff
}

.register {
    margin-top: 17.6vw
}

.van-form {
    margin: 24px 16px 20px 16px
}
.quota-form{
	margin: 0;
}

.van-field {
    margin-top: 16px;
    position: relative
}

.van-cell {
    background-color: transparent;
    padding: 0
}

.van-cell:after {
    display: none
}

.forgetPwd {
    font-size: 12px;
    color: #c8d5ff;
    margin-top: 20px;
    font-weight: 400;
    display: inline-block
}

.regInput {
    margin-top: 12px
}

.regInput.must {
    position: relative
}

.regInput.must:after {
    display: block;
    position: absolute;
    top: -1.866667vw;
    left: 0;
    border-top-left-radius: 1.866667vw;
    width: 0;
    height: 0;
    border-top: 14px solid #f93e3e;
    border-left: 1.866667vw solid #f93e3e;
    border-bottom: 14px solid transparent;
    border-right: 1.866667vw solid transparent
}

.regInput .send-sms-btn {
    margin-right: 12px;
    color: #e9cfa4;
    background-color: transparent;
    border: none
}

.terms-wp {
    margin: 16px 0 20px;
    height: 4.533333vw;
    line-height: 4.533333vw;
    color: #e9cfa4;
    font-size: 12px;
    font-weight: 400
}

.terms-wp .terms {
    color: #6d7eb9;
    padding-left: 1.866667vw
}

.terms-wp .rule {
    margin-left: 5px
}

.gusetLoginBtn {
    margin-top: 4vw
}

.van-field__body {
    background-color: #1e2646;
    border-radius: 8px
}

.van-field__control {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    padding: 0 16px
}

.van-field__control::-moz-placeholder {
    color: #414e7e
}

.van-field__control:-ms-input-placeholder {
    color: #414e7e
}

.van-field__control::placeholder {
    color: #414e7e
}

.van-button--plain {
    background: #293356
}

.van-field__right-icon {
    position: absolute;
    right: 20px
}

 .wrapper {
    width: 91.466667vw;
    height: 1025px;
    position: absolute;
    top: 0;
    background-color: #293356;
    bottom: 0;
    margin: auto;
    border-radius: 8px;
    left: 0;
    right: 0
}

 .wrapper .title {
    height: 40px;
    line-height: 40px;
    position: relative;
    color: #fff;
    background-color: #1b233d;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

 .wrapper .title .van-icon-cross {
    position: absolute;
    right: 10px;
    top: 10px
}


 .scrollList .wrapper-tontent {
    margin-bottom: 20px
}

 .logoBox {
    width: 27.733333vw;
    height: 28px;
    margin-left: 12px
}

 .logoBox img {
    width: 100%;
    height: 100%
}

.van-nav-bar {
    box-shadow: none
}

.inviteLogin .van-nav-bar {
    box-shadow: 0 .5px 0 0 hsla(0,0%,100%,.15)
}

.inviteLogin .van-form {
    margin: 24px 16px 20px 16px
}

.inviteLogin .van-field {
    margin-top: 16px;
    position: relative
}

.inviteLogin .van-cell {
    background-color: transparent;
    padding: 0
}

.inviteLogin .van-cell:after {
    display: none
}

.inviteLogin .forgetPwd {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    display: inline-block
}

.inviteLogin .regInput {
    margin-top: 12px
}

.inviteLogin .regInput .send-sms-btn {
    margin-right: 12px;
    color: #e9cfa4;
    background-color: transparent;
    border: none
}

.inviteLogin .terms-wp {
    margin: 16px 0 20px;
    height: 4.533333vw;
    line-height: 4.533333vw;
    color: #e9cfa4;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    justify-content: space-between
}

.inviteLogin .terms-wp .terms {
    color: #6d7eb9;
    padding-left: 1.866667vw;
    font-size: 12px
}

.inviteLogin .terms-wp span {
    font-size: 2.933333vw
}

.inviteLogin .gusetLoginBtn {
    margin-top: 4vw
}

.inviteLogin .van-tabs__wrap {
    height: 40px!important
}

.inviteLogin .van-tabs {
    border-radius: 8px;
    padding: 0;
    height: 40px!important;
    margin-top: 82px;
    box-sizing: border-box;
    border-right: 0
}

.inviteLogin .van-tabs__nav--card {
    border: 1px solid #3d4977;
    border-radius: 8px;
    height: 40px!important
}

.inviteLogin .van-tab,.inviteLogin .van-tab--active {
    border: none;
    border-radius: 8px
}

.inviteLogin .van-cell {
    border-radius: 8px;
    padding: 0
}

.inviteLogin .van-field__control {
    color: #fff;
    background-color: #1e2646;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    border-radius: 0 8px 8px 0;
    padding: 0
}

.inviteLogin .van-field__control::-moz-placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.inviteLogin .van-field__control:-ms-input-placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.inviteLogin .van-field__control::placeholder {
    color: #414e7e;
    background-color: #1e2646
}

.inviteLogin .van-button--plain {
    background: #293356
}

.inviteLogin .van-field__right-icon {
    position: absolute;
    right: 20px;
    background-color: #1e2646
}

.inviteLogin .van-field__right-icon span {
    font-size: 24px
}

.inviteLogin .van-field__left-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    margin-right: 0;
    height: 50px;
    border-radius: 8px 0 0 8px;
    background-color: #1e2646
}

.inviteLogin .van-field__left-icon i {
    font-size: 20px;
    color: #414e7e
}

.inviteLogin .van-field__error-message {
    margin-left: -13.866667vw;
    margin-top: 16px
}

.inviteLogin .logoBox {
    width: 27.733333vw;
    height: 28px;
    margin-left: 12px
}

.inviteLogin .logoBox img {
    width: 100%;
    height: 100%
}

.inviteLogin .btns .other {
    margin-top: 50px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.inviteLogin .btns .other .left,.inviteLogin .btns .other .right {
    flex: 5;
    height: 100%;
    position: relative
}

.inviteLogin .btns .other .left:after,.inviteLogin .btns .other .right:after {
    content: "";
    position: absolute;
    top: 49%;
    background: #e9cfa4;
    width: 100%;
    height: 1px
}

.inviteLogin .btns .other .text {
    flex: 2;
    color: #e9cfa4;
    font-size: 14px;
    text-align: center
}

.inviteLogin .btns .otherBtn {
    margin-top: 9.6vw;
    padding-bottom: 9.6vw;
    display: flex;
    justify-content: space-around
}

.inviteLogin .btns .otherBtn div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #e9cfa4
}

.inviteLogin .btns .otherBtn div i {
    font-size: 64px
}

.inviteLogin .btns .otherBtn div span {
    text-align: center;
    margin-top: 4vw;
    padding: 0 4.30px;
    line-height: 16px
}

.page404{
    padding: 16px;
    height: 100%;
    width: 100%
}

.page404 .img404{
    width: 100%;
    height: 51.2vw;
    display: flex
}

.page404 .img404 img{
    flex: 1;
    width: 0
}

.page404 .error404Text{
    margin: 30px 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.page404 .goBack,.page404 .goHome{
    height: 50px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 25px;
    margin-bottom: 20px;
    text-align: center;
    align-items: center;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.userCenter[data-v-12d09028] {
    width: 100%;
    height: 100%
}

.scrollList{
    overflow: hidden;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0
}

.scrollList .wrapper-tontent{
    font-size: 14px;
    color: #fff;
    padding-bottom: 20px
}

.card{
    padding: 16px 0
}

.card .cardTitle{
    width: 60%;
    height: 40px;
    margin: 0 auto;
    border: 1px solid #e9cfa4;
    border-radius: 4px;
    padding: .533333vw
}

.card .van-button{
    font-size: 12px;
    background-color: #293356;
    color: #e9cfa4;
    height: 40px;
    border: none;
    border-radius: 4px
}

.card .btnArc{
    background-color: #e9cfa4;
    color: #293356
}

.cardList{
    color: #fff;
    margin: 16px 0
}

.cardList .title{
    margin-top: 16px;
    line-height: 1.2;
    font-size: 13px;
    color: #fff;
    font-weight: 400
}

.cardList .card{
    margin-bottom: 20px
}

.cardList .van-cell{
    padding: 0;
    background-color: transparent!important
}

.cardList .van-cell[data-v-6ba7e5e2]:after {
    border-bottom: 0 solid transparent
}

.cardList.van-field__body {
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    border-radius: 8px;
    background-color: #1e2646
}

.cardList.van-field__body .van-field__control {
    border-radius: 8px;
    padding: 0 16px;
    color: #fff
}

.cardList.van-field__error-message {
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    padding: 16px 10px 0 10px
}

.cardList .send{
    margin-top: 20px
}

.cardList .sendBtn{
    height: 50px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 25px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.cardList .promptItem{
    font-size: 12px;
    padding: 16px 0 0 0;
    line-height: 16px
}

.bankList .scroll-item{
    width: 32vw;
    height: 20.30px;
    padding: 8px
}

.bankList .van-swipe-item{
    margin-right: 10px
}

.bankTitle{
    margin-top: 20px!important
}

.scroll-wrapper{
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}

.scroll-content{
    display: inline-block;
    padding: 20px 0 0 0
}

.scroll-content-tags{
    text-align: left;
    padding: 16px 0 0 0
}

.scroll-content-tags .van-swipe-item{
    width: 225px!important;
    margin-right: 10px
}

.scroll-item-tags{
	width: auto;
	margin-left: auto;
    margin-right: 10px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    vertical-align: middle;
    background: #1e2646;
    border-radius: 4px;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: normal;
    color: #fff
}

.scroll-item-tags.active{
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    box-shadow: 0 6px 1.866667vw -.533333vw rgba(27,35,61,.6)
}

.scroll-item .icon{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.scroll-item .icon img{
    width: 100%;
    height: 9.866667vw;
    background-color: #fff;
    padding: 5px;
    box-sizing: border-box
}

.scroll-item .icon .name{
    font-size: 12px
}

.scroll-item .item{
    width: 100%
}

.tabs-line-height {
    height: 225px
}

.remindText{
    margin-top: 10px;
    line-height: 1.2;
    font-size: 14px;
    color: #90a2dc;
    font-weight: 400
}

.remindText i{
    font-size: 14px;
    color: #e9cfa4;
    margin-right: 5px
}
.index-main .van-tabs__wrap .van-tabs__nav--line .van-tab {
    width: 60px;
    padding: 0;
    text-align: center;
    flex: unset;
}
.index-main .van-tabs__line{
	display: none;
}
.index-main .van-tabs__wrap .van-tabs__nav--line .van-tab .van-tab__text {
    width: 100%;
}

.tabs{
    margin: 0 16px
}

.methods .typeScrollList{
	padding-top: 10px;
}
.methods .methodsItem{
	width: auto;
	margin-left: 0;
    background-color: #293356!important;
    color: #e9cfa4;
    height: 30px;
    line-height: 30px;
    border: none;
    border-radius: 4px;
    margin-right: 6px;
    padding: 0 6px;
    font-size: 12px;
    display: inline-block;
    text-align: center
}

.methods .methodsItem.active{
    background-color: #e9cfa4!important;
    color: #293356
}

.transferInMoneyList{
    margin: 20px 0 0 0;
    color: #fff;
    font-size: 14px
}

.transferInText{
    flex: 8;
    display: flex;
    align-items: center
}

.moneyGrid{
    flex: 30
}

.moneyGrid .van-grid-item__content {
    padding: 0;
    font-size: 12px;
	background-color: transparent;
}

.moneyList{
    height: 32px;
    background: #35416d;
    border-radius: 4px;
    line-height: 32px;
    width: 90%;
    padding: 0 10px;
    margin-top: 10px;
	font-size: 12px;
    text-align: center
}

.selectBetBox{
    margin-bottom: 24px
}

.selectBetBox .titleBox{
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: flex-start
}

.selectBetBox .titleBox .title{
    display: inline-block;
    width: 50px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: 500
}

.selectBetBox .cloumn{
    margin-left: 14.666667vw;
    display: flex;
    flex-wrap: wrap
}

.selectBetBox .cloumn .ball{
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin-right: 12px;
    position: relative;
    margin-top: 16px;
    box-shadow: 0 .533333vw 4px 0 rgba(0,0,0,.2);
    border-radius: 50%;
    font-size: 24px;
    color: #000;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    background-position: bottom;
    box-sizing: border-box;
    background-color: #fff;
	justify-content: center;
	align-items: center;
}

.selectBetBox .cloumn .ball[data-v-4d5d18a0]:after {
    content: attr(data-num)
}

.selectBetBox .cloumn .ball:not(.active):hover {
    border-color: 0
}

.selectBetBox .cloumn .active .ball{
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff)
}
.selectBetBox .cloumn .ball[aria-checked="true"]{
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff)
}
.selectBetBox .cloumn .ball[aria-checked="true"]{
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff)
}
.selectBetBox .cloumn .ball[aria-checked="true"] .van-checkbox__label{
	color: #fff;
}


.selectBetBox .cloumn .ball .van-checkbox__icon{
	position: absolute;
	opacity: 0;
}

.selectBetBox .cloumn .ball .van-checkbox__label{
	margin: 0;
}

.selectBetBox .cloumn .ball span.hot{
    background-color: #f93e3d
}

.selectBetBox .cloumn .ball span.cold{
    background-color: #90a2dc
}

.selectBetBox .dxqqo{
    display: flex
}

.selectBetBox .dxqqo button{
    padding: 0 8px;
    height: 5.866667vw;
    border: 1px solid #90a2dc;
    border-radius: 4px;
    font-size: 12px;
    color: #90a2dc;
    text-align: center;
    font-weight: 400;
    background-color: #293356;
    margin-left: 4px
}

.selectBox{
    position: relative
}

.missIcon{
    position: absolute;
    left: 11.466667vw;
    top: 11.466667vw;
    cursor: pointer
}

.missIcon i{
    color: #b63338
}

.inputBet{
    position: relative;
    margin-top: 8px
}

.inputBet .inputBox{
    display: flex
}

.inputBet textarea{
    flex: 1;
    height: 116px;
    background: #1e2646;
    border-radius: 8px;
    width: 100%;
    font-size: 14px;
    padding:15px 16px;
    border: none;
    font-weight: 400;
    color: #fff;
    resize: none
}

.inputBet textarea.tempClass{
    border-radius: 2.4vw
}

.inputBet .btn{
    outline: 0;
    border: none;
    box-sizing: border-box;
    margin-top: 24px
}

.inputBet .btn.subBtn{
    width: 55%;
    height: 40px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-left: 5%;
    font-weight: 400
}

.inputBet .btn.subBtn[disabled=disabled]{
    opacity: .5
}

.inputBet .btn.reBtn{
    width: 40%;
    height: 40px;
    background-color: #293356;
    border: 1px solid #90a2dc;
    border-radius: 8px;
    font-size: 14px;
    color: #90a2dc;
    text-align: center
}
.gm-main{
	padding: 10px 0;
}
.gm-rule{
	color: #e9cfa4;
	text-align: right;
	padding: 10px 0;
	font-size: 12px;
}
.gm-rule i{
	padding-left: 8px;
}

.quickBet{
    position: relative
}

.quickBet .selectNum{
    margin-top: 20px
}

.quickBet .selectNum ul{
    display: flex;
    flex-wrap: wrap
}

.quickBet .selectNum ul .item{
    position: relative;
    width: 16%;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 4vw;
    color: #293356;
    font-weight: 500;
    margin: 0 16px 16px 0;
    text-align: center
}

.quickBet .selectNum ul .item:nth-of-type(5n) {
    margin: 0
}

.quickBet .selectNum ul .item.active{
    background-image: linear-gradient(135deg,#7146ff,#4a69ff);
    color: #fff
}

.quickBet .selectNum ul .item.disabled{
    background-color: #dcdfe6
}

.quickBet .funcBox{
    position: relative;
    margin-top: 20px
}

.quickBet .funcBox .row1{
    display: flex;
    justify-content: space-between;
    position: relative
}

.quickBet .funcBox .row1 .nums{
    padding: 0 20px 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    height: 9.6vw;
    line-height: 9.6vw;
    font-size: 16px;
    color: #fff;
    background: #90a2dc;
    border-radius: 4px
}

.quickBet .funcBox .row1 .nums.isClick:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 13px;
    display: block;
    border-top: 6px solid #fff;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.quickBet .funcBox .row1 ul{
    margin-top: 10px;
    display: flex;
    justify-content: space-between
}

.quickBet .funcBox .row1 ul li{
    width: 64px;
    height: 32px;
    line-height: 32px;
    background: #35416d;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.quickBet .funcBox .row1 ul li.active{
    background-color: #90a2dc;
    color: #fff
}

.quickBet .funcBox .row1 ul li:first-of-type {
    margin: 0
}

.quickBet .funcBox .reselected{
    margin-top: 40px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    margin: 0 auto
}

.quickBet .funcBox .reselected button{
    width: 58.666667vw;
    height: 12vw;
    background-color: #1f61b2;
    border-color: #1f61b2;
    color: #fff
}

.miss{
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 20px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    background-color: #1b233d
}

.miss.circle{
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    top: -8px;
    right: -8px
}

.miss.hot{
    background-color: #f93e3d
}

.miss.cold{
    background-color: #90a2dc
}

.maga6Count{
    margin-top: 20px;
    width: 210px;
    height: 9.6vw;
    line-height: 9.6vw;
    background: #90a2dc;
    color: #fff;
    border-radius: 4px;
    text-align: center
}

.selectNumPop{
    width: 100%;
    z-index: 9;
    overflow: hidden
}

.selectNumPop .title{
    height: 40px;
    line-height: 40px;
    margin-bottom: 32px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    position: relative
}

.selectNumPop .title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.selectNumPop .title .van-icon-cross{
    position: absolute;
    right: 20px;
    top: 10px
}

.selectNumPop .innerBox ul{
    max-height: 145.066667vw;
    overflow-y: scroll
}

.selectNumPop .innerBox ul li{
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    position: relative
}

.selectNumPop .innerBox ul li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.selectNumPop .innerBox ul li:last-of-type {
    box-shadow: none
}

.selectNumPop .innerBox ul li span:first-of-type {
    color: #fff;
    font-family: Helvetica Neue;
    font-size: 14px;
    display: inline-block;
    width: 20vw;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid #fff;
    margin-left: 50px
}

.selectNumPop .innerBox ul li span:nth-of-type(2) {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    color: #1a223b;
    font-size: 12px;
    margin-left: 14.933333vw
}

.selectNumPop .innerBox ul li .icon-icon_succeed{
    color: #5cae50;
    font-weight: 700;
    margin-left: 17.6vw
}

.selectNumPop .innerBox .btnGroup{
    height: 40px;
    display: flex;
    margin-top: 32px;
    box-shadow: inset 0 .5px 0 0 rgba(144,162,220,.5)
}

.selectNumPop .innerBox .btnGroup button{
    height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: 0;
    border: 0;
    flex: 1;
    background-color: transparent
}

.selectNumPop .innerBox .btnGroup button.cancel{
    font-size: 14px;
    color: #90a2dc;
    text-align: center;
    font-weight: 400
}

.selectNumPop .innerBox .btnGroup button.comfrom{
    color: #293356
}

.van-tabs--card {
    flex: 1
}
.van-tabs__nav{
	background-color: transparent;
}

.showSelectNumPop{
    background-color: rgba(27,35,61,.9)
}

.kenoOpneResult{
    display: flex;
    padding: 0 14px 10px 14px;
    flex-direction: column;
    justify-content: space-between
}

.kenoOpneResult .koTitle{
    display: flex;
    justify-content: flex-start;
    position: relative
}

.kenoOpneResult .koTitle .pastResult{
    font-size: 14px;
    color: #8696cc;
    line-height: 20px;
    font-weight: 500
}

.kenoOpneResult .koTitle .pastResult .Issue{
    font-size: 12px
}

.kenoOpneResult .koTitle .classification{
    display: flex;
    justify-content: space-around
}

.kenoOpneResult .koTitle .classification .classItem{
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-left: 6px;
    border-radius: .533333vw;
    padding: 0 5px;
    vertical-align: middle
}

.kenoOpneResult .koTitle .classification .random0{
    border: 1px solid #f94168;
    color: #f94168
}

.kenoOpneResult .koTitle .classification .random1{
    border: 1px solid #fe7373;
    color: #fe7373
}

.kenoOpneResult .koTitle .classification .random2{
    border: 1px solid #c0c4cc;
    color: #c0c4cc
}

.kenoOpneResult .koTitle .classification .random3{
    border: 1px solid #fb0;
    color: #fb0
}

.kenoOpneResult .koTitle .van-icon-info-o{
    font-size: 20px!important;
    align-self: flex-end;
    color: #e9cfa4;
    position: absolute;
    right: 4px;
    top: -5px
}

.kenoOpneResult .resultList{
    display: flex;
    margin-top: 10px;
    justify-content: space-between
}

.kenoOpneResult .resultList .resultNum{
    flex: 1;
    display: flex;
    justify-content: space-around
}

.kenoOpneResult .resultList .resultNum .codeList{
    flex: 1;
    display: flex;
    flex-wrap: wrap
}

.kenoOpneResult .resultList .resultNum .codeList .code{
    flex: 1;
    width: 10%;
    min-width: 10%;
    max-width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px
}

.kenoOpneResult .resultList .resultNum .codeList .code span{
    box-sizing: border-box;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 1px .30px 0 rgba(98,54,255,.25);
    border: 1px solid hsla(0,0%,100%,.5);
    font-size: 12px;
    border-radius: 50%;
    color: #fff;
    text-align: center
}

.kenoOpneResult .resultList .resultSum{
    box-sizing: border-box;
    width: 9.866667vw;
    height: 14.4vw;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 .533333vw 5px 0 rgba(98,54,255,.25);
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    text-align: center;
    line-height: 14.4vw
}

.firstTimeBet{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative
}

.firstTimeBet .noDataImg{
    height: 50px
}

.firstTimeBet .betHint{
    font-size: 14px;
    color: #e9cfa4;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    margin-top: 2.4vw
}

.firstTimeBet .van-icon-info-o{
    font-size: 20px!important;
    align-self: flex-end;
    color: #e9cfa4;
    position: absolute;
    right: 4px;
    top: -5px
}

.big,.fire,.odd,.up{
    border: 1px solid #f94168;
    color: #f94168
}

.down,.even,.small,.water{
    border: 1px solid #26a1ff;
    color: #26a1ff
}

.middle{
    border: 1px solid #c0c4cc;
    color: #c0c4cc
}

.gold{
    border: 1px solid #fb0;
    color: #fb0
}

.wood{
    border: 1px solid #6dd400;
    color: #6dd400
}

.earth{
    border: 1px solid #ca8c10;
    color: #ca8c10
}

.kenoTableData{
    background: #293356;
    margin-top: 13px
}

.kenoTableTitle{
    display: flex;
    padding: 10px 12px 0 12px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.kenoTableTitle .titles{
    display: flex;
    flex: 1;
    align-items: center;
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    margin-bottom: 0;
    justify-content: center
}

.kenoTableTitle .titles .lable{
    background: #f94168;
    border: 1px solid #f94168;
    border-radius: .533333vw;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-right: 8px
}
.kenoTableTitle .titles .lable-blue{
	border-color: rgb(38, 161, 255);
	background: rgb(38, 161, 255);
}
.kenoTableTitle .titles .lable-gray{
    border-color: rgb(192, 196, 204);
    background: rgb(192, 196, 204);
}

.kenoTableTitle .titles .lable-red{
    background: #f94168;
    border: 1px solid #f94168;
}
.kenoTableTitle .titles .lable-green{
	border-color: #6dd400;
	background: #6dd400;
}
.kenoTableTitle .titles .labele-brown{
	border-color: #ca8c10;
	background: #ca8c10;
}




.kenoTableTitle .titles .van-circle{
    width: 50px;
    height: 50px
}

.kenoTableTitle .titles .van-circle.van-circle__text {
    font-size: 12px;
    color: #f94168!important;
    padding: 0
}

.kenoTableTitle .van-circle{
    display: flex;
    justify-content: center;
    align-items: center
}

.kenoTableTitle .circle{
    position: absolute;
    font-size: 12px
}


.tableData{
    min-height: 40.533333vw;
    padding: 10px 1.866667vw;
    display: flex;
    justify-content: flex-end
}

.tableData .tableItem{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.tableData .tableDataList{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    margin-left: .533333vw;
    flex: 1
}

.tableData .tableDataList .list{
    margin-bottom: 4px;
    display: flex;
    position: relative
}

.tableData .tableDataList .items{
    width: 18px;
    height: 18px;
    font-size: 10px;
    color: #fff;
    flex: 1;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    position: relative;
    border-radius: 50%
}
.tableData .tableDataList .items-blue{
	    border-color: rgb(38, 161, 255);
	    background: rgb(38, 161, 255);
}
.tableData .tableDataList .items-red{
	border-color: rgb(249, 65, 104);
	background: rgb(249, 65, 104);
}
.tableData .tableDataList .items-green{
	border-color: rgb(109, 212, 0);
	background: rgb(109, 212, 0);
}
.tableData .tableDataList .items-yellow{
	border-color: rgb(255, 187, 0);
	background: rgb(255, 187, 0);
}
.tableData .tableDataList .items-brown{
    border-color: rgb(202, 140, 16);
    background: rgb(202, 140, 16);
}

.tableData .tableDataList .popper{
	display: none;
	position: absolute;
	bottom: 110%;
	left: 50%;
	transform: translateX(-50%);
    color: #fff;
    background-color: #90a2dc;
    border: 1px solid #90a2dc;
    font-size: 12px
}
.tableData .tableDataList .list:hover{
	z-index: 99;
}
.tableData .tableDataList .list:hover .popper{
	display: block;
}
.tableData .tableDataList.popper__arrow {
    border-color: #90a2dc transparent transparent transparent
}

.kenoBet {
    padding-bottom: 20px
}

.kenoBet .row>li {
    padding-top: 10px
}

.kenoBet .row .title {
    width: 100%;
    line-height: 32px;
    height: 32px;
    background: #35416d;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.kenoBet .row .ballBox {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 8px 0 8px
}

.kenoBet .row .ballBox li {
    flex: 1;
    height: 13.066667vw;
    margin-top: 12px;
    margin: 6px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #35416d;
    border-radius: 4px
}

.kenoBet .row .ballBox li p:first-of-type {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin-bottom: 10px
}

.kenoBet .row .ballBox li p:nth-of-type(2) {
    color: #fff;
    font-size: 12px
}

.kenoBet .row .ballBox li.active {
    background-image: linear-gradient(135deg,#7146ff,#4a69ff)
}

.funPlayBet {
    padding-bottom: 20px
}

.funPlayBet .row>li {
    margin-top: 20px
}

.funPlayBet .row .title {
    width: 100%;
    line-height: 32px;
    height: 32px;
    background: #35416d;
    box-shadow: inset 0 -.2px 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.funPlayBet .row .ballBox {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px
}

.funPlayBet .row .ballBox li {
    width: 20.266667vw;
    height: 13.066667vw;
    margin-top: 12px;
    margin-right: 12px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #35416d;
    box-shadow: 0 .533333vw 4px 0 rgba(0,0,0,.2);
    border-radius: 4px
}

.funPlayBet .row .ballBox li:nth-of-type(4n) {
    margin-right: 0
}

.funPlayBet .row .ballBox li p:first-of-type {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin-bottom: 10px
}

.funPlayBet .row .ballBox li p:nth-of-type(2) {
    color: #fff;
    font-size: 12px
}

.funPlayBet .row .ballBox li.active {
    background-image: linear-gradient(135deg,#7146ff,#4a69ff)
}

.rightMenu .userInfoBox {
    padding: 32px 0 24px 32px
}

.rightMenu .userInfoBox .money {
    margin-top: 14px;
    font-size: 12px;
    color: #fff;
    font-weight: 500
}

.rightMenu .userInfoBox .username {
    font-size: 14px;
    color: #90a2dc;
    margin-top: 8px;
    font-weight: 500
}

.rightMenu .userInfoBox .btnBox {
    padding-right: 9.333333vw;
    margin-top: 14px;
    display: flex;
    justify-content: space-between
}

.rightMenu .userInfoBox .btnBox button {
    width: 17.6vw;
    height: 6.933333vw;
    line-height: 24px;
    outline: 0;
    border: 0;
    text-align: center;
    background: #e9cfa4;
    border-radius: 16px;
    font-size: 12px;
    color: #273569;
    font-weight: 400
}

.rightMenu .menuListBox {
    position: relative
}

.rightMenu .menuListBox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(0deg,transparent 40%,#90a2dc)
}

.rightMenu .van-cell {
    background-color: transparent;
    color: #90a2dc;
    padding: 10px 40px 10px 32px;
    font-size: 12px;
    position: relative
}

.rightMenu .van-cell:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.rightMenu .van-cell .van-cell__title {
    line-height: 9.066667vw
}

.rightMenu .van-cell .van-cell__right-icon {
    color: #90a2dc;
    font-size: 12px
}

.openResult {
    margin: 0 16px 20px 16px;
    background: #35416d;
    border-radius: 12px;
    padding: 12px;
	height: 110px;
}

.openResult .top {
    display: flex;
    justify-content: space-between
}

.openResult .top .selectAllLottery {
    padding: 0 12px;
    height: 9.6vw;
    line-height: 9.6vw;
    background: #90a2dc;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.openResult .top .dataBtn {
    width: 70px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e9cfa4;
    border-radius: 4px;
    font-size: 12px;
    color: #e9cfa4;
    text-align: center;
    font-weight: 400
}

.openResult .top .dataBtn .iconfont {
    font-size: 14px;
    position: relative;
    top: -1px
}

.openResult .top .dataBtn span {
    vertical-align: middle
}

.openResult .issue {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.openResult .issue .issueText {
    font-size: 13px;
    color: #90a2dc;
    font-weight: 400
}

.openResult .issue .issueText i {
    font-size: 13px;
    color: #fff;
    margin-left: 8px
}

.openResult .issue .status {
    padding: 0 8px;
    height: 25px;
    line-height: 25px;
    background: #21e06b;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.openResult .issue .status.close {
    background: #f93e3e
}

.openResult .colon {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin-left: 6px
}

.openResult .block {
    width: 5.066667vw
}

.openResult .block,.openResult .nextOpen span {
    display: inline-block;
    margin-left: 5px;
    height: 24px;
    line-height: 24px;
    background: #293356;
    box-shadow: 0 .30px .533333vw 0 rgba(0,0,0,.2);
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.openResult .nextOpen span {
    width: auto;
    padding: 0 5px
}

.openResult .van-count-down {
    position: relative;
    top: 13px;
    text-align: center
}

.openResult .kenoTipsBox {
    width: 40.533333vw;
    height: 9.6vw;
    line-height: 9.6vw;
    margin: 10px auto;
    background: #ff4d4f;
    border-radius: 20px;
    text-align: center;
    color: #fff
}

.openResult .kenoTipsBox span {
    margin-left: .30px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: -1px
}
.betConfirmPop{
	background-color: #1b233d;
}
.betConfirmPop .title {
    padding: 0 16px;
    height: 9.6vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 12px;
    color: #90a2dc;
    font-weight: 500
}

.betConfirmPop .title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.betConfirmPop .title i,.betConfirmPop .title span {
    vertical-align: middle
}

.betConfirmPop .title i {
    color: #21e06b;
    margin-left: 4px
}

.betConfirmPop .title .van-icon-edit {
    color: #e9cfa4
}

.betConfirmPop .quickSelect {
    height: 29.866667vw;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 16px 14px 16px
}

.betConfirmPop .quickSelect:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.betConfirmPop .quickSelect .moneyItem {
    width: 14.933333vw;
    margin-right: 4vw;
    margin-top: 10px;
    height: 32px;
    line-height: 32px;
    background: #293356;
    box-shadow: 0 .30px .533333vw 0 rgba(0,0,0,.2);
    border-radius: 4px;
    font-size: 4vw;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.betConfirmPop .quickSelect .moneyItem:active {
    background-color: #90a2dc
}

.betConfirmPop .quickSelect .moneyItem:nth-of-type(5n) {
    margin-right: 0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox i {
    position: absolute;
    opacity: 0;
    left: 0;
    bottom: 0;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(.95,.03,1,1.01);
    animation-timing-function: cubic-bezier(.95,.03,1,1.01)
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani0 i {
    -webkit-animation-name: toInput0-data-v-541a04d0;
    animation-name: toInput0-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani1 i {
    -webkit-animation-name: toInput1-data-v-541a04d0;
    animation-name: toInput1-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani2 i {
    -webkit-animation-name: toInput2-data-v-541a04d0;
    animation-name: toInput2-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani3 i {
    -webkit-animation-name: toInput3-data-v-541a04d0;
    animation-name: toInput3-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani4 i {
    -webkit-animation-name: toInput4-data-v-541a04d0;
    animation-name: toInput4-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani5 i {
    -webkit-animation-name: toInput5-data-v-541a04d0;
    animation-name: toInput5-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani6 i {
    -webkit-animation-name: toInput6-data-v-541a04d0;
    animation-name: toInput6-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani7 i {
    -webkit-animation-name: toInput7-data-v-541a04d0;
    animation-name: toInput7-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani8 i {
    -webkit-animation-name: toInput8-data-v-541a04d0;
    animation-name: toInput8-data-v-541a04d0
}

.betConfirmPop .quickSelect .moneyItem .txtAniBox.ani9 i {
    -webkit-animation-name: toInput9-data-v-541a04d0;
    animation-name: toInput9-data-v-541a04d0
}

.betConfirmPop .betInfo {
    padding: 0 16px
}

.betConfirmPop .betInfo .inputGroup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    height: 32px
}

.betConfirmPop .betInfo .inputGroup input {
    width: 80px;
    height: 32px;
    text-align: center;
    border: 0;
    margin-left: 4px;
    outline: 0;
    background: #fff;
    border-radius: 4px;
    font-size: 4vw;
    color: #1b233d;
    font-weight: 500
}

.betConfirmPop .betInfo .inputGroup i {
    font-size: 4vw;
    color: #e9cfa4;
    margin-left: .533333vw;
    font-weight: 500
}

.betConfirmPop .betInfo .inputGroup span {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.betConfirmPop .betInfo .btnGroup {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 12px 0;
}

.betConfirmPop .betInfo .btnGroup button {
    outline: 0;
    border: 0
}

.betConfirmPop .betInfo .btnGroup .cancelBtn {
    width: 40%;
    height: 40px;
    border: 1px solid #90a2dc;
    border-radius: 8px;
    font-size: 14px;
    color: #90a2dc;
    text-align: center;
    font-weight: 400;
    background-color: #1b233d
}

.betConfirmPop .betInfo .btnGroup .betBtn {
    width: 55%;
    height: 40px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.betConfirmPop .van-dialog {
    width: 72.266667vw
}

.betConfirmPop .van-dialog__header {
    padding: 2.4vw 0;
    position: relative;
    font-size: 16px;
    color: #1b233d;
    text-align: center;
    font-weight: 500
}

.betConfirmPop .van-dialog__header:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.betConfirmPop .van-button__text {
    font-size: 14px
}

.betConfirmPop .content {
    padding: 24px
}

.betConfirmPop .content h2 {
    font-size: 14px;
    color: #f93e3e;
    font-weight: 400;
    margin-bottom: 12px
}

.betConfirmPop .content p {
    font-size: 12px;
    color: #f93e3e;
    font-weight: 400;
    margin-bottom: 6px
}

.betConfirmPop .content .inputBox {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.betConfirmPop .content .inputBox span {
    font-size: 14px;
    color: #585858;
    font-weight: 400
}

.betConfirmPop .content .inputBox input {
    width: 45px;
    height: 32px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid #585858;
    border-radius: 4px;
    font-size: 14px;
    color: #585858;
    font-weight: 400
}

@-webkit-keyframes toInput0-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 630px;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@keyframes toInput0-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 630px;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput1-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 620px;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@keyframes toInput1-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 620px;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput2-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 44vw;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@keyframes toInput2-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 44vw;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput3-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 210px;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@keyframes toInput3-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 210px;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput4-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 10px;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@keyframes toInput4-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 10px;
        bottom: -30.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput5-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 630px;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@keyframes toInput5-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 630px;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput6-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 60vw;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@keyframes toInput6-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 60vw;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput7-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 44vw;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@keyframes toInput7-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 44vw;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput8-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 210px;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@keyframes toInput8-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 210px;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@-webkit-keyframes toInput9-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 10px;
        bottom: -14.133333vw;
        opacity: 1
    }
}

@keyframes toInput9-data-v-541a04d0 {
    0% {
        left: 20px;
        bottom: 0;
        opacity: 0
    }

    0.1% {
        opacity: 1
    }

    to {
        position: absolute;
        left: 10px;
        bottom: -14.133333vw;
        opacity: 1
    }
}

.betResultPop .title[data-v-f9ca34c4] {
    padding: 0 16px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    position: relative
}

.betResultPop .title[data-v-f9ca34c4]:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.betResultPop .title .van-icon-cross[data-v-f9ca34c4] {
    position: absolute;
    right: 16px
}

.betResultPop .srcollBox[data-v-f9ca34c4] {
    max-height: 1025px;
    overflow: auto
}

.betResultPop .resultData[data-v-f9ca34c4] {
    display: flex;
    height: 225px;
    padding: 16px;
    position: relative
}

.betResultPop .resultData[data-v-f9ca34c4]:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.betResultPop .resultData .data[data-v-f9ca34c4] {
    padding-left: 6px;
    flex: 1
}

.betResultPop .resultData .data div[data-v-f9ca34c4] {
    display: flex;
    justify-content: space-between
}

.betResultPop .resultData .data div.middle[data-v-f9ca34c4] {
    position: relative;
    margin: 13px 0
}

.betResultPop .resultData .data div.middle .pop-wp[data-v-f9ca34c4] {
    position: absolute;
    top: -40px;
    left: 0;
    display: block;
    width: 53.333333vw
}

.betResultPop .resultData .data div.middle .pop-wp .pop-content[data-v-f9ca34c4] {
    display: block;
    padding: 5px;
    line-height: 20px;
    background: #fff;
    border-radius: 5px;
    color: #000;
    font-size: 12px;
    word-wrap: break-word
}

.betResultPop .resultData .data div.middle .pop-wp[data-v-f9ca34c4]:after {
    content: "";
    position: absolute;
    z-index: 10;
    bottom: -12px;
    left: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #fff
}

.betResultPop .resultData .data div span[data-v-f9ca34c4] {
    font-size: 12px;
    color: #fff;
    font-weight: 400
}

.betResultPop .resultData .data div span .odds[data-v-f9ca34c4] {
    color: #e9cfa4;
    font-weight: 500;
    margin-left: 4px
}

.betResultPop .resultData .data div span.green[data-v-f9ca34c4] {
    color: #21e06b;
    font-weight: 400
}

.betResultPop .resultData .data div span.winTxt[data-v-f9ca34c4] {
    color: #fff;
    font-weight: 400;
    padding-left: 8px
}

.betResultPop .resultData .data div span.winTxt i[data-v-f9ca34c4] {
    font-size: 12px;
    color: #e9cfa4;
    font-weight: 500
}

.betResultPop .betInfo[data-v-f9ca34c4] {
    padding: 10px 16px
}

.betResultPop .betInfo .betCountInfo[data-v-f9ca34c4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 5.066667vw
}

.betResultPop .betInfo .betCountInfo span[data-v-f9ca34c4] {
    font-size: 13px;
    color: #fff;
    font-weight: 500
}

.betResultPop .betInfo .betCountInfo i[data-v-f9ca34c4] {
    font-size: 14px;
    font-weight: 500
}

.betResultPop .betInfo .betCountInfo i.count[data-v-f9ca34c4] {
    color: #e9cfa4
}

.betResultPop .betInfo .betCountInfo i.money[data-v-f9ca34c4] {
    color: #21e06b
}

.betResultPop .betInfo .btnGroup[data-v-f9ca34c4] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px
}

.betResultPop .betInfo .btnGroup button[data-v-f9ca34c4] {
    outline: 0;
    border: 0
}

.betResultPop .betInfo .btnGroup .betBtn[data-v-f9ca34c4] {
    width: 91.466667vw;
    height: 40px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.betResultPop .van-ellipsis[data-v-f9ca34c4] {
    width: 410px
}

.betResultPop .moneytxt[data-v-f9ca34c4] {
    font-size: 13px!important
}

.lottery .scrollList{
    overflow: auto;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 0;
}


.lottery .rightIcon{
    font-size: 24px;
    color: #fff
}

.lottery .icon-icon_chat{
    margin-right: 16px;
    position: relative
}

.lottery .icon-icon_chat .van-badge{
    position: absolute;
    top: -5px;
    right: -5px
}

.lottery .van-popup--top{
    top: 50px;
    padding: 0 16px 26px 16px
}

.lottery .icon-icon_drop_down_solid{
    display: inline-block;
    transition: all .3s
}

.lottery .drop_up_solid{
    transform: rotate(180deg)
}

.lottery .playsBox{
	display: block;
    margin-top: 24px
}

.lottery .playsBox .playName{
	width:100%;
    font-size: 14px;
    color: #90a2dc;
    font-weight: 500;
    margin-bottom: 4px
}
.lottery .playsBox li{
	padding: 6px;
}
.lottery .playsBox ul{
	margin: 0 -6px;
}
.lottery .playsBox ul{
	overflow: hidden;
}



.lottery.van-dialog {
    width: 72.266667vw
}

.lottery.van-dialog__footer:after {
    display: none
}

.lottery.van-dialog__confirm {
    width: 59.466667vw;
    height: 40px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 8px;
    margin: 0 24px 24px 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}
.van-tabs__nav--card {
    box-sizing: border-box;
    border: 1px solid #3d4977;
}
.lottery .van-tabs__nav--card {
    border-color: #e9cfa4;
    border-radius: 25px;
    width: 77.6vw;
    margin: 0 auto;
    overflow: hidden;
    padding: .533333vw
}
.lottery .van-tabs__nav--card{
	height: 34px;
}
.lottery .van-tabs--card>.van-tabs__wrap{
	height: 34px;
}
.lottery .van-tabs__nav--card>.van-tabs__wrap{
	height: 34px;
}
.lottery .van-tabs__nav--card .van-tab {
    border: none;
	height: 28px;
}

.lottery .van-tabs__nav--card .van-tab.van-tab--active {
    background-color: #e9cfa4;
    color: #293356;
    border-radius: 25px
}

.lottery .van-dialog {
    z-index: 3002!important
}

.lottery.van-icon {
    padding: 5px
}

.lottery .van-dialog__header {
    padding: 2.4vw 0;
    position: relative;
    font-size: 14px;
    color: #1b233d;
    text-align: center;
    font-weight: 400
}

.lottery .van-dialog__header:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg,transparent 40%,#90a2dc)
}

.lottery .van-dialog__header .van-icon-cross {
    position: absolute;
    right: 16px
}

.lottery .van-button__text {
    font-size: 14px
}

.lottery .van-tabs{
    padding: 0 16px
}
.kenoBet .van-tabs{
    padding: 0 
}

.lottery .van-tabs .odds{
    text-align: right;
    font-size: 13px;
    margin-top: 12px;
    color: #e9cfa4;
    font-weight: 400
}

.lottery .van-tabs .odds.oddsBox{
    display: flex;
    justify-content: space-between
}

.lottery .van-tabs .odds span{
    margin-right: 6px;
    margin-left: 6px
}

.lottery .van-tabs .odds i[data-v-f4fde68e],.lottery .van-tabs .odds span{
    vertical-align: middle
}

.lottery .showBetPop{
    bottom: 68.266667vw
}

.lottery .van-popup--right{
    width: 55.466667vw;
    z-index: 3002!important;
    background-image: linear-gradient(-45deg,#1b233d,#3a4970)
}

.lottery .numDescriptionText{
    padding: 24px;
    font-size: 12px;
    color: #585858;
    font-weight: 400
}

.lottery .numDescriptionText p{
    line-height: 5.866667vw
}
.van-popup {
    background-color: #293356;
	color: #FFFFFF;
}

.betPop{
    background-color: #1b233d;
    height: 68.266667vw;
    box-shadow: 0 .533333vw 6px .5px #000
}

.betResPop{
    background-color: #1b233d
}

.kenoResPop{
    z-index: 9011!important
}

.closeBet{
    pointer-events: none;
    opacity: .7
}


a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

div {
    box-sizing: border-box
}

body,html {
    min-height: 100%;
    background-color: #293356;
    font-family: PingFangSC-Regular,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif
}

* {
    font-family: PingFangSC-Regular
}

.van-dialog,.van-popup--round {
    border-radius: 8px!important
}

.zs {
    display: none!important
}

.icon-sprite {
    display: inline-block;
    background-image: url(../images/sprite_x.png);
    background-size: 672px 648px;
}

.icon-home_nav_icon_chess_sel {
    width: 38.4vw;
    height: 38.4vw;
    background-position: 0 -134.4vw
}

.icon-home_nav_icon_fish_nor {
    width: 168px;
    height: 168px;
    background-position: 0 0
}

.van-tab--active .icon-home_nav_icon_fish_nor {
    width: 168px;
    height: 168px;
    background-position: -168px 0
}

.icon-home_nav_icon_live_nor {
    width: 168px;
    height: 168px;
    background-position: 0 -168px
}

.van-tab--active .icon-home_nav_icon_live_nor {
    width: 168px;
    height: 168px;
    background-position: -168px -168px
}

.icon-home_nav_icon_lottery_nor {
    width: 168px;
    height: 168px;
    background-position: -89.6vw 0
}

.van-tab--active  .icon-home_nav_icon_lottery_nor {
    width: 168px;
    height: 168px;
    background-position: -336px -168px
}

.icon-home_nav_icon_rec_nor {
    width: 168px;
    height: 168px;
    background-position: 0 -336px
}

.van-tab--active .icon-home_nav_icon_rec_nor {
    width: 168px;
    height: 168px;
    background-position: -168px -336px
}


.icon-home_nav_icon_slot_nor {
    width: 168px;
    height: 168px;
    background-position: -336px -336px
}

.van-tab--active .icon-home_nav_icon_slot_nor {
    width: 168px;
    height: 168px;
    background-position: -504px 0
}

.icon-home_nav_icon_sports_nor {
    width: 168px;
    height: 168px;
    background-position: -504px -168px
}

.van-tab--active .icon-home_nav_icon_sports_nor {
    width: 168px;
    height: 168px;
    background-position: -504px -336px
}

.van-nav-bar {
    box-shadow: 0 0.5px 0 0 rgba(255,255,255,.15)
}

.globe_notify {
    z-index: 4000!important
}

.globe_messageBox {
    z-index: 9099!important
}

.betResPop {
    z-index: 9009!important
}

.van-popup__close-icon--top-right {
    top: 10px
}

.loading-box {
    position: relative;
    min-height: 50px
}

.mask-box {
    position: absolute;
    z-index: 100;
    background-color: transparent;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px
}

.mdl-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px
}

.loading-text {
    margin-left: 10px;
    letter-spacing: -.41px;
    line-height: 5.866667vw;
    font-weight: 400;
    font-size: 4.533333vw
}

.mask-box.top .mdl-spinner {
    top: 20%
}

.loading-parent {
    position: relative
}

.loading-bule {
    background-color: #293356
}

.loading-bule .loading-text,.loading-bule i {
    color: rgba(235,235,245,.6)
}

.loading-white {
    background-color: #fff
}

.loading-white .loading-text,.loading-white i {
    color: rgba(60,60,67,.6)
}

.loading-black {
    background-color: #000
}

.loading-black .loading-text,.loading-black i {
    color: rgba(235,235,245,.6)
}

.rotateSpan {
    position: relative
}

.rotate {
    display: inline-block;
    -webkit-animation: myfirst 1s linear infinite;
    animation: myfirst 1s linear infinite;
    transform-origin: center center
}

@-webkit-keyframes myfirst {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes myfirst {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.van-nav-bar--fixed {
    z-index: 100
}

.pulldowning-tip,.pulluping-tip {
    height: 16vw;
    line-height: 16vw;
    color: #fff;
    opacity: .5;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.van-popover__action{
	color: #333333;
	height: 36px;
	line-height: 36px;
	width: 100px;
}
.popupTitle {
    height: 40px;
    line-height: 40px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center
}

.popupTitle,.popupTitle div {
    font-size: 16px;
    color: #1b233d;
    font-weight: 400;
    text-align: center
}

.popupTitle div {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popupTitle span {
    position: absolute;
    right: 16px;
    width: 3.04vw;
    height: 3.045333vw;
    color: #1b233d
}

.dialogBody {
    padding: 16px;
    max-height: 64vw;
    overflow: scroll;
    width: 100%;
    height: auto
}

.dialogBody .center .dialogText {
    font-size: 14px;
    color: #585858;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
    width: 62.933333vw;
    overflow: hidden;
    text-overflow: ellipsis
}

.dialogBody .center .dialogText .success {
    color: #21e06b
}

.dialogBody .center .dialogText .error {
    color: #f23c3c
}

.fiexCenter {
    display: flex;
    align-items: center;
    justify-content: center
}

.confimeButton {
    position: absolute;
    bottom: 10px;
    left: 16px;
    display: inline-block;
    width: 66.133333vw;
    height: 40px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 4px
}

.confime {
    height: 16vw
}

.confimeDialog {
    position: relative;
    width: 100%;
    height: 40px;
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.5);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.confimeDialog .closeBtn,.confimeDialog .confimeBtn {
    flex: 1;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    height: 40px;
    line-height: 40px
}

.confimeDialog .closeBtn {
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.5);
    color: #90a2dc
}

.confimeDialog .confimeBtn {
    color: #4a69ff
}

.confimeDialog .confimeBtn:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    border-top: .5px solid rgba(144,162,220,.5);
    color: rgba(144,162,220,.5)
}


.index-main .van-tabs--line .van-tabs__wrap{
	height: 64px;
}
.index-main .van-tab__text{
    overflow: unset;
    height: 56px;
}
.index-main .van-tab:after{
	display: none;
}
.ban-list{
	font-size: 0;
	padding: 0 16px;
}




.mine {
}

.mine .headerBox {
    padding: 0;
    height: 178px;
    box-sizing: border-box;
    background-image: url(../images/ucbg.png);
    background-size: 100% 200px;
}

.mine .header {
    display: flex;
    justify-content: space-between;
    padding: 20px 16px;
	height: auto;
}

.mine .header .userInfo {
    display: flex
}

.mine .header .userInfo .avatar {
    width: 16vw
}

.mine .header .userInfo .user {
    margin-left: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #fff
}

.mine .header .userInfo .user p {
    line-height: 1.5;
    font-size: 14px
}

.mine .header .userInfo .user .hi {
    color: #e9cfa4
}

.mine .header .userInfo .user .joinDay {
    font-size: 12px;
    color: #e9cfa4
}

.mine .header .service {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.mine .header .service i {
    font-size: 10.133333vw;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(139deg,#dac4a1,#c4a074)
}

.mine .moneyBox {
    background-image: url(../images/bg_my_wallet.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 .533333vw 1.066667vw 0 rgba(0,0,0,.2);
    height: 19.2vw;
    margin: 0 16px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mine .moneyBox .money {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1
}

.mine .moneyBox .money p {
    line-height: 1;
    width: 100%
}

.mine .moneyBox .money .userMoney {
    font-size: 24px;
    height: 7.466667vw;
    color: #202844;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mine .moneyBox .money .refresh {
    display: flex
}

.mine .moneyBox .money .refresh .myPurseText {
    font-size: 16px;
    color: #202844;
    text-align: right;
    margin-right: 6px;
    font-weight: 500
}

.mine .moneyBox .money .refresh .refreshIconBox {
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.mine .moneyBox .money .refresh .refreshIcon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #202844;
    position: absolute;
    left: 0
}

.mine .moneyBox .rotate {
    transform-origin: 50% 50%;
    -webkit-animation: myfirst-data-v-1e258425 1s linear infinite;
    animation: myfirst-data-v-1e258425 1s linear infinite
}

@-webkit-keyframes myfirst-data-v-1e258425 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes myfirst-data-v-1e258425 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.mine .moneyBox .payOrwithdraw {
    display: flex;
    justify-content: space-between;
    width: 140px
}

.mine .moneyBox .payOrwithdraw .pay,.mine .moneyBox .payOrwithdraw .withdraw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    border-radius: 16px;
    box-shadow: 0 1.066667vw 1.6vw -.533333vw rgba(0,0,0,.3)
}

.mine .moneyBox .payOrwithdraw .pay span,.mine .moneyBox .payOrwithdraw .withdraw span {
    display: inline-block;
    background: #273569;
    width: 64px;
    height: 32px;
    vertical-align: middle;
    border-radius: 16px;
    font-size: 12px;
    color: #e9cfa4;
    font-weight: 400;
    line-height: 32px
}

.mine .moneyBox .payOrwithdraw .withdraw {
    align-items: flex-end
}

.mine .navigationBox {
	background: #35416d;
	border-radius: 8px;
	color: #fff;
    margin-top: 14px;
    padding: 16px 16px 0
}

.mine .navigationBox .van-grid {
    min-height: 430px;
    height: 430px
}

.mine .navigationBox .icon {
    width: 44px;
    height: 44px;
    background: #222c4f;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 44px;
    text-align: center
}

.mine .navigationBox .icon .iconfont {
    font-size: 24px;
    text-align: center
}

.mine .navigationBox .title {
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    margin-top: 6px
}

.mine .navigationBox .van-grid-item__content {
    padding: 0;
	background-color: transparent;
    align-items: center
}

.mine .navigationBox .van-grid-item {
    text-align: center
}

.mine .mineBody {
    padding: 0 16px 20px;
    box-sizing: border-box;
    margin-top: 6px
}

.mine .promote {
    margin: 6px 0;
    height: 110px
}

.mine .promote .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 110px;
    height: 110px;
    text-align: center
}

.mine .promote img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 110px;
    pointer-events: none;
    border-radius: 8px
}
.mine .listItem{
	margin-top: 20px;
}
.mine .listItem .version {
    margin-right: 6px;
    font-size: 13px;
    color: #90a2dc
}

.mine .gradient {
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(137deg,#a98fff 1%,#4a69ff 99%)!important
}

.mine .logoutBtn {
    margin: 20px 0;
    height: 50px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 25px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.mine .overlay-list .panel {
    height: 74.666667vw;
    width: 100%;
    overflow: scroll
}

.avatar-container .van-uploader__preview{
	margin: 0;
}
.avatar-container .van-uploader__preview-image{
	border-radius: 50px;
}
.van-cell--clickable:active {
    background-color: transparent;
}
.listItem .van-cell{
	padding: 12px 0;
	color: #FFFFFF;
}
.listItem .van-cell::after{
	left: 0;
	right: 0;
}
.van-nav-bar .van-icon{
	color: #FFFFFF;
}

.help-list .van-collapse::after{
	display: none;
}
.help-list .van-collapse-item--border::after{
    border-top: 1px solid rgba(255,255,255,.16);
}
.help-list .van-cell:after {
    border-bottom: 1px solid rgba(255,255,255,.16)!important;
}
.art-main{
	padding: 16px;
	color: #fff;
	font-size: 12px;
}

.val-sm{
	color: #90a2dc;
	font-size: 12px;
}
.val-t{
	color: #e9cfa4;
	font-size: 12px;
}
.personalInfo{
    background-size: 100%;
    background-image: url(../images/bg_personal.png);
    background-repeat: no-repeat;
}
.personal{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.personal .userInfo{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	padding: 20px 0;
}

.personal .userInfo .user{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #fff;
    padding-top: 10px
}

.personal .userInfo .user p{
    line-height: 1.5;
    font-size: 16px
}

.personal .userInfo .user .joinDay{
    font-size: 12px;
    color: #e9cfa4
}

.personal .userInfo .avatar{
    width: 60px
}
.personalInfo .listItem{
	padding: 0 10px;
}
.personalInfo .van-nav-bar{
	background-color: transparent;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

.tab-top .tabs{
	margin: 0;
}

.amountBox{
	text-align: right;
	font-size: 12px;
	color: #FFFFFF;
}
.amountBox div{
	line-height: 22px;
}
.serial{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #FFFFFF;
}



.quotaMain{
	padding: 15px;
}

.quotaConversion .moneyBox{
	position: relative;
	background: #35416d;
	box-shadow: 0 0.533333vw 1.066667vw 0 rgb(0 0 0 / 20%);
	border-radius:12px;
	height: 94px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	padding: 8px 15px;
	margin-bottom: 10px;
}

.moneyInfos .money{
	color: #21e06b;
	font-size: 20px;
	margin-bottom: 10px;
}
.moneyInfos .moneyText{
	color: #e9cfa4;
	font-size: 14px;
}
.quotaBox .moneyMiddle{
	height: 70px;
	border-right: 1px solid #505e8e;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translateY(-50%);
}
.getBack{
	text-align: right;
	margin-bottom: 10px;
}

.quotaList .quota{
	background: #35416d;
	text-align: center;
	padding: 8px 0;
	box-shadow: 0 0.533333vw 1.066667vw 0 rgb(0 0 0 / 20%);
	border-radius: 4px;
	margin-bottom: 10px;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 12px;
	color: #90a2dc;
	font-weight: 400;
}
.quotaName .iconfont{
	font-size: 12px;
	padding-left: 4px;
}
.quotaList .quotaMoney{
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 6px;
}
.quota-form .van-cell{
	padding: 10px 0;
	background-color: transparent;
}
.quota-form .van-cell::after{
	display: none;
}
.form-foot{
	margin-top: 20px;
}
.rem-list{
	overflow: hidden;
	padding: 5px 0;
	margin: 0 -3px;
}
.rem-list li .moneyList{
	width: 100%;
	font-size: 12px;
	color: #FFFFFF;
}
.rem-list li{
	float: left;
	padding: 3px;
	box-sizing: border-box;
	width: 20%;
	text-align: center;
}
.van-button--info{
	border: 0;
	background-image: linear-gradient(90deg,#7146ff,#4a69ff);
}
.listItem .van-cell{
	background-color: transparent;
}
.mine .navigationBox .van-grid{
    min-height: 180px;
    height: 180px;
}

.cp-wrapper{
	padding: 15px;
}



.cp-wrapper .cardTitle {
	display: flex;
	align-items: center;
	padding: 2px;
    margin: 0 auto;
    border: 1px solid #7146ff;
    border-radius: 6px;
}

.cp-wrapper .cardTitle .van-button {
    height: 35px;
    width: 50%;
    border-radius: 6px;
    font-size: 14px;
    background-color: transparent;
    color: #FFFFFF;
    border: none
}
.cp-wrapper .cardTitle .btnArc {
    background-color: #7146ff;
    color: #ffffff
}

.cp-wrapper .remindText{
	color: #FFFFFF;
	margin: 30px 0 10px 0;
}

.funcBox .van-tabs__nav--card{
	border: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	overflow: visible;
}
.funcBox .van-tabs__nav--card .van-tab {
	color: #90a2dc;
    border: 1px solid #90a2dc!important;
    padding: 0 1.066667vw;
    height: 7.2vw;
    border-radius: 1.066667vw!important;
    margin-left: 1.066667vw;
    font-size: 3.2vw!important;
    flex: none!important;
    font-weight: 400;
}
.funcBox .van-tabs__nav--card .van-tab.van-tab--active{
	background-color: transparent!important;
	color: #e9cfa4;
	border-color: #e9cfa4!important;
}

.lottery .funcBox .van-tabs{
	padding: 0;
}

.flex-center{
	display: flex;
	align-items: center;
}


.wp-label .van-checkbox__label{
	color: #FFFFFF;
}
.wp-label .van-checkbox__icon{
	width: 14px;
}
.wp-label .van-checkbox__icon .van-icon{
	width: 14px;
	height:14px;
	font-size: 12px;
}
.sin-wrap{
	padding: 15px;
}

.methods .scroll-content{
    display: inline-block;
    padding: 0 0
}


.bankpay-list .wrapper-header{
    font-size: 3.733333vw;
    color: #fff;
    line-height: 6.4vw;
    font-weight: 400;
    margin-bottom: 2.666667vw
}

.bankpay-list .wrapper-header .title{
    margin-top: 4.266667vw
}

.bankpay-list .copyText{
    font-size: 3.733333vw;
    color: #e9cfa4;
    text-align: center;
    line-height: 9.6vw;
    font-weight: 400
}

.bankpay-list .moneyBox{
	overflow: hidden;
    background: #1b233d;
    border-radius: 3.2vw;
    margin: 2.666667vw 0;
    padding: 0 5.333333vw 8vw
}

.bankpay-list .moneyBox .payPrompt{
    font-size: 3.2vw;
    color: #f93e3e;
    font-weight: 400;
    margin-top: 2.666667vw
}

.bankpay-list .moneyBox .payPrompt p{
    line-height: 1.5
}

.bankpay-list .moneyBox .payAmmout{
    display: flex;
    align-items: center;
    line-height: 1.5;
    padding-top: 1.6vw
}

.bankpay-list .moneyBox .payAmmout .money{
    flex: 2;
    font-size: 5.866667vw;
    color: #fff;
    text-align: right;
    font-weight: 700
}

.bankpay-list .moneyBox .payAmmout .copyText{
    flex: 1
}

.bankpay-list .moneyBox .item{
    display: flex;
    margin-top: 2.666667vw;
    align-items: center;
    justify-content: space-between
}

.bankpay-list .moneyBox .item .item-left{
    flex: 6;
    display: flex
}

.bankpay-list .moneyBox .item .item-left .title{
    flex: 4;
    text-align: left
}
.bankpay-list .moneyBox .item .item-left .items{
    flex: 4;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 3.2vw;
    text-align: center
}

.bankpay-list .moneyBox .item .copyText{
    flex: 1;
    text-align: right
}

.bankpay-list .bankBox{
    background: #1b233d;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 4vw 5.333333vw
}

.bankpay-list .bankBox .item{
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bankpay-list .bankBox .item .item-left{
    flex: 6;
    display: flex
}

.bankpay-list .bankBox .item .item-left .title{
    flex: 4;
    text-align: left;
    font-size: 3.733333vw
}

.bankpay-list .bankBox .item .item-left .items{
    flex: 4;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 3.2vw
}

.bankpay-list .bankBox .item .copyText{
    flex: 1;
    text-align: right
}

.bankpay-list .bankBox .qrcode{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 2.666667vw
}

.bankpay-list .bankBox .qrcode img{
    width: 19.2vw;
    height: 19.2vw
}

.bankpay-list .timeTitle{
    margin-top: 5.333333vw
}

.bankpay-list .send{
    margin-top: 5.333333vw;
    height: 26.666667vw;
    display: flex;
    justify-content: space-between
}

.bankpay-list .send .btn{
    height: 10.666667vw;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 2.133333vw;
    line-height: 10.666667vw;
    vertical-align: middle;
    font-size: 3.733333vw;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.bankpay-list .send .submit{
    flex: 1
}

.bankpay-list .send .cancelBtn{
    width: 28.533333vw;
    color: #90a2dc;
    margin-right: 3.466667vw;
    background: 0 0;
    border: 1px solid #90a2dc
}

.addBankcard .van-form{
	margin: 15px 0;
}

.addBankcard .remindText{
    color: #FFFFFF;
}
.lottery .scrollList{
	transition: .3s all;
}
.lottery-toggle .scrollList{
	bottom: 220px;
}

.lottery .playsBox .play-name-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 36px;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	font-weight: 400;
    background-color: #1b233d;
	box-sizing: border-box;
	overflow: hidden
}

.lottery .playsBox .active .play-name-box{background-color: #90a2dc;}

.kenoTableData .van-tab--active {
    background: #90a2dc;
}

.kenoTableData .van-tabs--line .van-tabs__wrap{
	height: 32px;
}
.kenoTableData .van-tabs__line{
	display: none;
}





















